webpack全域性和區域性安裝、解除安裝和執行

仙道CM發表於2018-09-19
Web

安裝

  • 全域性安裝：

npm install <package-name> -g
全域性安裝後，可以通過使用對應模組包的命令列工具執行操作命令

  • 本地安裝：

本地安裝模組包的一個特點就是： 在使用安裝好的模組包時，需要通過require('<package-name>')來引入到專案中使用； 本地安裝時還需要考慮的一個問題就是安裝好模組包後，其資訊是否要寫入到專案package.json中 如果寫，寫到哪？因此，

本地安裝衍生出三種命令，分別為:
1.npm install <package-name> 安裝模組包，模組包的資訊不會寫入到專案的package.json檔案中；
2.npm install <package-name> --save 安裝模組包，並且將模組包的資訊寫入到專案package.json中的dependencies物件中*;
3.npm install <package-name> --save-dev 安裝模組包，並且將模組包的資訊寫入到專案package.json中的devDependencies物件中*；

/*註釋點——>dependencies和devDependencies區別：
        dependencies中的依賴項是正常執行該包所需要的依賴項；是生產環境所需要的庫
        devDependencies中的依賴項是開發的時候所需要的依賴項，比如一些進行單元測試之類的包、測試庫等等，在生產環境中是不需要的
*/
複製程式碼

解除安裝

解除安裝和安裝 一樣就是 uninstall(可以簡寫un) 同步模組包資訊從package.json中刪除

npm uninsatll <package-name> -g
npm uninstall <package-name>
npm uninstall <package-name> --save
npm uninstall <package-name> --save-dev
npm i //會根據新的package.json刪除node_modules中原來package.json中安裝的包

執行

以webpack包為例：

  • 全域性情況:

    直接執行webpack命令 webpack -v;webpack --mode development等；

  • 區域性情況

    1. 像上面說過的 通過require('<package-name>'),例如：var webpack = require('webpack')來引入到專案中使用
    2. 在package.json的scripts中的npm run start和npm run webpack模擬相當於執行對應的命令
"scripts": {
    "start": "webpack --mode development",//webpack4
    "webpack": "webpack -v"
  },
複製程式碼
  1. 執行本地檔案node_modules內
 node_modules/.bin/webpack -v
 node_modules/.bin/webpack --mode development
複製程式碼

相關文章