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
卸載: