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熱更新の配置操作は小編集が皆さんに提供した内容の全部です。参考にしてもらいたいです。よろしくお願いします。