參考:https://www.jianshu.com/p/f6c6e73ea198
前言
1、npm介紹
npm是基於nodejs的包管理器
從npm服務器下載別人編寫的第三方包、模塊到本地使用
從npm服務器下載安裝別人編寫的命令行程序到本地使用
將自己寫的包、模塊或者命令行程序上傳到npm服務器、共別人下載
2、安裝軟件
1)安裝node
brew install node
// TODO:
npm是隨着nodejs安裝一並安裝的、更新npm,也可以使用npm命令行
sudo npm install npm -g
3、 npm相關命令行介紹
npm install -g xx # 全局安裝,安裝在/usr/local/lib
npm list -g # 查看所有全局安裝的模塊
npm list grunt # 查看某個模塊的版本號
npm uninstall xxx # 卸載模塊
npm update xxx # 更新模塊
npm init # 創建模塊
npm public #發布模塊
package.json 文件說明
package.json 類似於cocopods中的podspec文件,是對某指定包、模塊做的描述。
4 安裝:html-webpack-plugin
npm install html-webpack-plugin --save-dev
參考:https://webpack.docschina.org/plugins/html-webpack-plugin/
先這樣:npm install webpack@^4.0.0
參考:https://www.jianshu.com/p/30c7604a608e?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation
npm install --save-dev extract-text-webpack-plugin@next
參考:https://www.cnblogs.com/xuqp/p/9180961.html
copy-webpack-plugin
npm install --save-dev copy-webpack-plugin
提示:
npm ERR! Could not resolve dependency:
npm ERR! peer webpack@"^5.1.0" from copy-webpack-plugin@10.2.4
npm ERR! node_modules/copy-webpack-plugin
npm ERR! copy-webpack-plugin@"10.2.4" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See /Users/fuqing.yfq/.npm/eresolve-report.txt for a full report.
於是安裝 5.1.0版本;
npm install copy-webpack-plugin@5.1.0
5.clean-webpack-plugin'
npm install clean-webpack-plugin
6\Cannot find module 'happypack'
npm install happypack