首页 > 代码库 > webpack学习（三）之webpack-dev-server不能自动刷新问题
webpack学习（三）之webpack-dev-server不能自动刷新问题
使用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="http://www.mamicode.com/bundle.js"></script></body>
不能引用你webpack配置的bundle.js文件目录，webpack配置的这个bundle.js文件，只有在你手动打包webpack之后才会改变！
总结下就是：webpack里面配置的bundle.js需要手动打包才会变化目录可以由你自己指定！webpack-dev-server自动检测变化自动打包的是开发环境下的bundle.js，打包路径由你的contentBase决定！两个文件是不一样的
webpack学习（三）之webpack-dev-server不能自动刷新问题
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。