標籤：命令 tar blog log 讀取 總結 預設 dex 檔案
使用webpack-dev-server中遇到不能瀏覽器無法自動重新整理的問題；尋找多方答案後明白了一些；
下面有一些需要注意的點：
1.webpack-dev-server並不能讀取你的webpack.config.js的配置output！！你在webpack.config.js裡面的配置output屬性是你用webpack打包時候才起作用的，對webpack-dev-server並不起作用
2.webpack-dev-server打包生產的檔案並不會添加在你的項目目錄中！！它預設打包的檔案名稱是bundle.js，不會真的出現在你的項目目錄中，據推測應該是儲存在自己的環境中
自動重新整理的配置方法（inline模式）：我習慣的做法是在項目的package.json裡面添加
"scripts": { "start": "webpack-dev-server --inline --content-base ." }
這樣通過npm start命令就能啟動 inline模式了，當然也可以具體的輸入webpack-dev-server命令
關鍵的是你的index.html也就是你的項目入口的html檔案裡面引用這個bundle.js檔案需要直接引用根目錄下面的！
<body> <div id="app"></div><script type="text/javascript" src="bundle.js"></script></body>
不能引用你webpack配置的bundle.js檔案目錄，webpack配置的這個bundle.js檔案，只有在你手動打包webpack之後才會改變！
總結下就是：webpack裡面配置的bundle.js需要手動打包才會變化目錄可以由你自己指定！webpack-dev-server自動檢測變化自動打包的是開發環境下的bundle.js，打包路徑由你的contentBase決定！兩個檔案是不一樣的
webpack學習（三）之webpack-dev-server不能自動重新整理問題
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
