vue-cli 3中vue.com fig.js配置教程詳細解
2431 ワード
前言
vue-cli 3は零の配置を推賞して、その図形化プロジェクトの管理もとても高いです。
しかし、vue-cli 3がゼロ設定を推奨すると、以前とはvue-cli 2の配置方式が違ってきます。
別名設定、sourcemap制御、入力ファイルの位置と出力の方式、圧縮js制御、包装webapckログ分析、externalsは配置(外部導入)を無視し、デバッグのポート配置、proxyインターフェース配置など。
時にはまた私達の配置が必要です。公式推薦のため、私達の普段の開発には適用されません。
だから、私のvue.com fig.jsの配置は以下のようです。もう一つのhashの配置を変更しました。まだどのように配置するか分かりません。後で解決します。解決する時はここを更新します。
資料検索参考住所:
https://github.com/staven630/vue-cli3-config(vue.co nfig.jsの配置方法を紹介する)
https://github.com/loveRandy/vue-cli3.0-vueadmin(先輩のvue-cli 3プロジェクトのvue.com fig.jsの構成を参考にして)もたくさんのgithubの関連項目を調べました。
本文
vue-cli 3を使ってプロジェクトを作成した後、webpackの配置はすべて隠されていますので、既存の構成をカバーする必要がある場合、プロジェクトのルートディレクトリの下で、新しいvue.co nfig.jsファイルを作成して、新しい構成を配置します。
設定された関連フィールド
vue.co.nfig.jsは自動的にロードされます。
以上は小编で绍介したvue-cli 3中vue.co.fig.js配置教程の详しい解です。皆さんのために役に立つことを望んでいます。もし何かご质问があれば、メッセージをください。小编はすぐに皆さんに返事します。ここでも私たちのサイトを応援してくれてありがとうございます。
本文があなたのためになると思ったら、転載を歓迎します。出所を明記してください。ありがとうございます。
vue-cli 3は零の配置を推賞して、その図形化プロジェクトの管理もとても高いです。
しかし、vue-cli 3がゼロ設定を推奨すると、以前とはvue-cli 2の配置方式が違ってきます。
別名設定、sourcemap制御、入力ファイルの位置と出力の方式、圧縮js制御、包装webapckログ分析、externalsは配置(外部導入)を無視し、デバッグのポート配置、proxyインターフェース配置など。
時にはまた私達の配置が必要です。公式推薦のため、私達の普段の開発には適用されません。
だから、私のvue.com fig.jsの配置は以下のようです。もう一つのhashの配置を変更しました。まだどのように配置するか分かりません。後で解決します。解決する時はここを更新します。
資料検索参考住所:
https://github.com/staven630/vue-cli3-config(vue.co nfig.jsの配置方法を紹介する)
https://github.com/loveRandy/vue-cli3.0-vueadmin(先輩のvue-cli 3プロジェクトのvue.com fig.jsの構成を参考にして)もたくさんのgithubの関連項目を調べました。
本文
vue-cli 3を使ってプロジェクトを作成した後、webpackの配置はすべて隠されていますので、既存の構成をカバーする必要がある場合、プロジェクトのルートディレクトリの下で、新しいvue.co nfig.jsファイルを作成して、新しい構成を配置します。
設定された関連フィールド
vue.co.nfig.jsは自動的にロードされます。
module.exports = {
/* URL: ,baseUrl Vue CLI 3.3 , publicPath */
/* baseUrl: process.env.NODE_ENV === 'production' ? './' : '/' */
publicPath: process.env.NODE_ENV === 'production' ? '/public/' : './',
/* : npm run build , */
outputDir: 'dist',
/* (js、css、img、fonts) ( outputDir ) */
assetsDir: "assets",
/* sourceMap ,false */
productionSourceMap: false,
/* , hash , false 。(false ) */
filenameHashing: false,
/* eslint */
lintOnSave: true,
/* webpack-dev-server */
devServer: {
/* */
open: true,
/* 0.0.0.0 */
host: '0.0.0.0',
port: 8066,
https: false,
hotOnly: false,
/* */
proxy: {
'/api': {
/* */
target: 'http://47.100.47.3/',
/* */
changeOrigin: true,
},
},
},
}
締め括りをつける以上は小编で绍介したvue-cli 3中vue.co.fig.js配置教程の详しい解です。皆さんのために役に立つことを望んでいます。もし何かご质问があれば、メッセージをください。小编はすぐに皆さんに返事します。ここでも私たちのサイトを応援してくれてありがとうございます。
本文があなたのためになると思ったら、転載を歓迎します。出所を明記してください。ありがとうございます。