在项目中安装webpack
在终端运行如下的命令,安装webpack相关的两个包:
npm install [email protected] [email protected] -D
在项目中配置webpack
- 在项目根目录中,创建名为
webpack.config.js
的webpack配置文件,并初始化如下的基本配置:
module.exports={
mode:'development' // mode 用来指定构建模式,可选值有development 和 production
}
- 在package.json的scripts节点下,新增
dev脚本
如下:
"scripts":{
"dev":"webpack" // script 节点下的脚本,可以通过 npm run 执行,例如 npm run dev
}
- 在终端中运行
npm run dev
命令,启动webpack进行项目的打包构建