我正在try 使用webpack dev server来编译文件并启动一个dev web服务器.
在my package.json
中,我将脚本属性设置为:
"scripts": {
"dev": "webpack-dev-server --hot --inline",
}
因此,--hot
和--inline
应该支持Web服务器和热重新加载(据我所知).
在我的webpack.config.js
文件中,我设置了条目、输出和devServer设置,并添加了一个加载程序来查找.vue
个文件中的更改:
module.exports = {
entry: './src/index.js',
output: {
path: __dirname + '/public',
publicPath: '/public',
filename: 'bundle.js'
},
devtool: 'source-map',
devServer:{
contentBase: __dirname + '/public'
},
module:{
loaders:[
{ test: /\.vue$/, loader: 'vue'}
]
}
};
我用这个设置运行npm run dev
.webpack dev服务器启动,模块加载程序测试工作(即,当我保存任何.vue文件时,它会导致webpack重新编译),但是:
- 浏览器从不刷新
- 存储在内存中的已编译javascript永远无法供浏览器使用
在第二个项目中,我可以看到这一点,因为在浏览器窗口中,vue占位符永远不会被替换,如果我打开javascript控制台,vue实例永远不会被创建或全局可用.
我错过了什么?