webpack學習（三）之webpack-dev-server不能自動刷新問題

時間 2019-11-11

標籤 webpack 學習 dev server 不能自動刷新問題简体版

原文原文鏈接

使用webpack-dev-server中遇到不能瀏覽器沒法自動刷新的問題；尋找多方答案後明白了一些；javascript

下面有一些須要注意的點：html

你在webpack.config.js裏面的配置output屬性是你用webpack打包時候才起做用的，對webpack-dev-server並不起做用java

它默認打包的文件名是bundle.js，不會真的出如今你的項目目錄中，據推測應該是保存在本身的環境中webpack

自動刷新的配置方法（inline模式）：

我習慣的作法是在項目的package.json裏面添加web

 "scripts": {
     "start": "webpack-dev-server --inline --content-base ."
  }

這樣經過npm start命令就能啓動 inline模式了，固然也能夠具體的輸入webpack-dev-server命令npm

關鍵的是你的index.html也就是你的項目入口的html文件裏面引用這個bundle.js文件須要直接引用根目錄下面的！json

<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決定！兩個文件是不同的app

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。