vue 安装webpack

Posted 2020-11-22 konge!

　　　　　　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

卸载:

https://blog.csdn.net/wg8ofk08/article/details/94621569