我正在尝试使用webpack-dev-server来编译文件并启动dev Web服务器。
在我中,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-server启动,模块加载程序测试成功(即,当我保存任何.vue文件时,它将导致webpack重新编译),但是:
- 浏览器永不刷新
- 存储在内存中的已编译javascript永远不会对浏览器可用
在第二个项目符号上,我可以看到这一点,因为在浏览器窗口中不会替换vue占位符,而且如果我打开JavaScript控制台,则不会创建Vue实例,也不会使其在全局范围内可用。
我想念什么?