安裝webpack並使用打包
1. 全局安裝webpack,執行初始化命令
# 全局安裝 安裝最新版本 @4.28.4,這樣會有兼容性問題,所以選擇安裝 @3.8.1版本
npm i webpack@3.8.1 -g
# npm 初始化
npm init -y
2. 安裝jquery
# 安裝jquery
npm i jquery -D
3. 安裝webpack-dev-server
# 安裝webpack-dev-server npm i webpack-dev-server@2.9.3 -D
webpack-dev-server@2.9.3 requires a peer of webpack@^2.2.0 || ^3.0.0 but none is installed. You must install peer dependencies yourself.
# npm i webpack@3.8.1 -g 全局安裝好了后安裝webpack-dev-server出現上述錯誤信息,說明需要把webpack 安裝到項目依賴中,npm i webpack@3.8.1 --save-dev
盡管已經全局安裝了webpack但安裝webpack-dev-server時還是出錯了,上面這個錯誤說明需要把webpack 安裝到項目依賴中。
注意: webpack-dev-server 這個工具,如果想要正常運行,要求在本地項目中必須安裝 webpack
npm i webpack@3.8.1 --save-dev