開発には webpack-dev-server を使用します 次に、CSS を更新するために vuex の状態を維持したいと思います。
webpack-dev-server
を使用すると、状態を維持できますが、更新できるのは js だけであり、CSS は変更後に応答がありません (.vue ファイル内) webpack-dev-server --inline を使用する場合、CSS を更新できますが、状態を維持できません ＃＃＃解決！
.vue
webpack-dev-server --inline
闭关修行中......
質問と回答: CSS を抽出するために extract-text-webpack-plugin を使用した開発環境に問題があり、ブラウザのキャッシュが原因で (考えられる理由)、CSS の変更がブラウザに送信されませんでした。
extract-text-webpack-plugin
そのため、解決策は、CSS を HTML の style タグに直接出力して、CSS のホットリロードが有効になるようにすることです (VUEX 状態を維持します)。自分で持参する必要はありません。 vue-hot-reload-api,vue-loader
vue-hot-reload-api
vue-loader
少し質問があります、なぜ js は別のファイルに抽出されるのですが、ホットリロードをサポートしており、キャッシュの問題はありませんが、CSS は問題を抱えています。おそらく vue-loader のホットリロードの根本的な実装に関連していると思います。
私のこのブログを参照してください:
http://ewind.us/2017/webpack-...
NPM コマンドは webpack-dev-server --hot --inline 即可。另外记得添加 vue-hot-reload-api 依存関係を必要とします。
webpack-dev-server --hot --inline
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
質問と回答:
CSS を抽出するために
extract-text-webpack-pluginを使用した開発環境に問題があり、ブラウザのキャッシュが原因で (考えられる理由)、CSS の変更がブラウザに送信されませんでした。そのため、解決策は、CSS を HTML の style タグに直接出力して、CSS のホットリロードが有効になるようにすることです (VUEX 状態を維持します)。自分で持参する必要はありません。
vue-hot-reload-api,vue-loader少し質問があります、なぜ js は別のファイルに抽出されるのですが、ホットリロードをサポートしており、キャッシュの問題はありませんが、CSS は問題を抱えています。おそらく vue-loader のホットリロードの根本的な実装に関連していると思います。
私のこのブログを参照してください:
http://ewind.us/2017/webpack-...
NPM コマンドは
webpack-dev-server --hot --inline即可。另外记得添加vue-hot-reload-api依存関係を必要とします。