1、安装 webpack
本地安装 webpack webpack-cli
- yarn add webpack webpack-cli -D
使用 webpack4.0提供的npx命令可以进行打包
- npx webpack 进行打包
2、webpack可以进行0配置
- 打包工具 -> 输出后的结果(JS模块)
- 零配置默认仅支持JS的模块化
3、手动配置webpack
- 默认配置文件的名字 webpack.config.js
4、修改webpack默认配置文件名字
- npx webpack --config webpack配置文件名字
5、配置脚本,简化打包命令
- 在package.json中添加脚本
"scripts": {
"build":"webpack --config webpack.config.js"
},
// webpack.config.js是我们使用的webpack配置文件的名字,我们修改
// webpack配置文件的名字,在这里重新指向
- 如果我们不想在脚本里指定配置文件,而是 npm run build 时指定
npm run build -- --config webpack.config.js
网友评论