webpack配置热加载

webpack配置热加载

热加载工具,自动编译,先全局安装,再项目安装

cnpm install webpack-dev-server -g
cnpm install webpack-dev-server --save-dev

在webpack.config.js中设置配置属性

devServer: {
     contentBase: './dist'		//html文件在根目录下的路径,作为访问文件,若直接在根目录下,则不要这个
}

终端中执行webpack-dev-server --open会自动运行
在使用热加时,如果还设置了publicPath属性,可能需要修改热加载才会生效,使用webpack打包时再改回去

你可能感兴趣的:(学习)