vue 安裝webpack


      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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM