vue-cli 3熱更新配置操作
問題:
vue-cli 3を使ってプロジェクトを構築した後、修正を発見しました。vueファイルの内容を発見した後、ページは自動的に更新されません。
ソリューション:
vue.co.nfig.jsファイルに配置するだけで、熱い更新が可能になります。
ラベルの内容を修正してください。okは自動的に更新できます。森さん!
ちょっと嬉しいのが早すぎるようです。css部分を修正した内容は自動的に更新されていません。元のvue.com nfig.jsのcss配置がやっていた鬼です。cssの関連している配置の中でextract:trueのこの配置が多くなりました。注釈を落としたら自動的に更新できます。
余談:
vue-cliは3にアップグレードした後、多くの配置ファイルを減少させました。すべての配置項目をVue.co.nfig.jsというファイルに濃縮しました。ですから、学んでvue.com fig.jsというファイルを使うことが重要です。とても重要です。重要な文は太くします。
知識を補充します:vue-cli 3熱は配置を更新して、熱更新の失敗の問題を解決して、コードブラウザを保存して自ら更新します。
vue、config.jsにcss熱更新を配置します。
以上のこのvue-cli 3熱更新の配置操作は小編集が皆さんに提供した内容の全部です。参考にしてもらいたいです。よろしくお願いします。
vue-cli 3を使ってプロジェクトを構築した後、修正を発見しました。vueファイルの内容を発見した後、ページは自動的に更新されません。
ソリューション:
vue.co.nfig.jsファイルに配置するだけで、熱い更新が可能になります。
chainWebpack: config => {
// HMR
config.resolve.symlinks(true);
},
はい、そうです。ラベルの内容を修正してください。okは自動的に更新できます。森さん!
ちょっと嬉しいのが早すぎるようです。css部分を修正した内容は自動的に更新されていません。元のvue.com nfig.jsのcss配置がやっていた鬼です。cssの関連している配置の中でextract:trueのこの配置が多くなりました。注釈を落としたら自動的に更新できます。
余談:
vue-cliは3にアップグレードした後、多くの配置ファイルを減少させました。すべての配置項目をVue.co.nfig.jsというファイルに濃縮しました。ですから、学んでvue.com fig.jsというファイルを使うことが重要です。とても重要です。重要な文は太くします。
知識を補充します:vue-cli 3熱は配置を更新して、熱更新の失敗の問題を解決して、コードブラウザを保存して自ら更新します。
vue、config.jsにcss熱更新を配置します。
const IS_PROD = ['production', 'test'].includes(process.env.NODE_ENV)
css: {
// css ExtractTextPlugin
extract: IS_PROD,
// CSS source maps?
sourceMap: false,
// css
loaderOptions: {
},
// CSS modules for all css / pre-processor files.
modules: false,
},
その後npm run serveでプロジェクトを再開すればいいです。以上のこのvue-cli 3熱更新の配置操作は小編集が皆さんに提供した内容の全部です。参考にしてもらいたいです。よろしくお願いします。