开发环境
mode: 'development', // 开发环境
devtool:'inline-source-map', // 若有错误可以直接定位到错误的文件,方便错误定位
npx webpack --watch //不需要每次都打包,保存后,检测的变化就会重新打包
热更新
安装npm install --save-dev webpack-dev-server
运行npx webpack-dev-server
webpack.config.js
devServer:{
static:'./dist'
}
本文介绍如何使用Webpack搭建前端项目的开发环境,包括配置开发模式、源码映射、热更新等功能,以及如何通过命令实现文件改动后的自动打包。
353

被折叠的 条评论
为什么被折叠?



