基础使用
howcode 2022-07-18 0 webpack
# 安装
首先使用 npm init 初始化项目，然后安装 webpack 以及 webpack-cli
// 全局安装
npm i webpack webpack-cli -g
// 本地安装(推荐)
npm i webpack webpack-cli -D
// 删除全局安装
npm uninstall -g webpack webpack-cli
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
# 配置文件
在文件根目录下新建 webpack.config.js 配置文件
// webpack.config.js
module.exports = {
entry: "./assets/js/main.js",
output: {
filename: "app.js",
path: path.resolve(__dirname, "dist"),
},
module: {
rules: [],
},
plugins: [],
mode: "development",
};
1
2
3
4
5
6
7
8
9
10
11
12
13
14
2
3
4
5
6
7
8
9
10
11
12
13
14
# 打包命令
使用本地环境进行打包输出
npx webpack
1
# 指定打包入口文件和打包模式
npx webpack --entry ./src/index.js --mode production
1
指定入口文件为当前路径下的 src 目录下的 index.js，打包模式为生产环境
但是，如果我们想修改的打包内容不止这些，如此打包就麻烦很多，所以，我们需要新建一个 webpack.config.js 来完成我们的打包配置
评论
- 表情
——暂无评论——