1。运行npm install webpack webpack-cli -D 命令,安装webpack相关的包
2。在项目根目录中,创建名为webpack.config.js的webpack配置文件
3。在webpack的配置文件中,初始化如下基本配置:
module.exports = {
mode:'development' //mode用来指定构建模式
}
注意:mode有两个值,development开发模式转换的数据不会压缩和混淆 production发布模式转换的数据会压缩和混淆
4。在package.json配置文件中的scripts节点下,新增dev脚本如下:
"scripts":{
"dev":"webpack" //scripts节点下的脚本,可以通过npm run执行
}
5。在终端中运行npm run dev 命令,启动webpack进行项目打包。