https://blog.csdn.net/Mirror_r/article/details/90670892
webpack安装
由于 webpack 执行打包压缩时依赖 nodeJS,所以在安装 webpack 之前先安装一下 nodeJS。
因为 npm 是 nodeJS 平台默认的包管理工具,这里用 npm 安装 webpack。
本文默认已安装好 nodeJS 和 npm。
首先,用 npm 在项目的根目录创建一个package.json文件:
# 从当前目录中提取的信息生成默认的package.json
npm init -y
# 或
npm init --yes
1
2
3
4
出现一串文本表示执行成功:
在项目中安装 webpack:
# --save-dev: 安装到项目的依赖中
npm install --save-dev webpack
# 或 -g: 全局安装
npm install -g webpack
1
2
3
4
建议用--save-dev的方式,因为不是所有项目都需要 webpack。
安装成功后,打开package.json文件查看 webpack 是否已经安装,并且查看 webpack 安装的版本。
由于 webpack 4.x 以上将命令相关的内容都放到了 webpack-cli,所以还需要安装 webpack-cli。
安装 webpack-cli。
npm install --save-dev webpack-cli@3.6.0
1
在package.json文件中,devDependencies中能够看到webpack-cli的版本信息。
验证成功
# 查看webpack版本
node_modules/.bin/webpack -v
# 查看webpack-cli版本
node_modules/.bin/webpack-cli -v
1
2
3
4
因为是局部安装,因此 webpack 是在依赖包里的,对于它们命令的执行,要进入依赖包才行,否则是被认为命令无效的。或者,使用npx会自动找到对应的包执行命令,它是一个 npm 包执行器,一般安装了 npm 会自动安装 npx,总之,有了这个工具,执行局部的 webpack 命令就没那么冗长了。
npx webpack -v
1
卸载: