webpack配置热加载

夜夜夜空

于 2019-07-09 02:31:40 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏：学习

10 篇文章

订阅专栏

博客介绍了webpack配置热加载的相关内容。热加载工具需先全局安装，再项目安装，要在webpack.config.js中设置配置属性，在终端执行可自动运行。使用热加载时若设置了publicPath属性，可能需修改热加载才生效，打包时再改回去。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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打包时再改回去