因為國內防火牆的原因,建議首先安裝 cnpm: 使用 npm install cnpm -g 或者 npm install -g cnpm --registry=https://registry.npm.taobao.org 【註】G:\MyWeb\...處為自定義的文件夾地址 安裝 webpack ...
因為國內防火牆的原因,建議首先安裝 cnpm:
使用 npm install cnpm -g 或者 npm install -g cnpm --registry=https://registry.npm.taobao.org
【註】G:\MyWeb\...處為自定義的文件夾地址
安裝 webpack 和 webpack-cli:
可以用 cnpm install webpack -D 和 cnpm install webpack-cli -D 分別安裝,也可以用 cnpm install webpack webpack-cli -D 一起安裝,因為之前就出了問題,為了找問題我採用的分別安裝
【註】下圖中 cnpm i 是 cnpm install 的縮寫
但是安裝後還是有問題(此處 if ( 已經打包成功 ) return )
嘗試在初始化時生成的 package.json 文件中添加 dev:webpack 後運行也是出錯
找到提示的這個日誌文件,把文件夾中的日誌刪除,然後重新下載依賴:
使用 cnpm install webpack -g 和 cnpm install webpack-cli -g 命令直接下載(為了試錯我是分別安裝的,另外使用 npm 會報錯)
使用 cnpm install webpack -g 命令下載
再使用 cnpm i webpack -D 安裝,別忘了還有 webpack-cli 也要執行一遍下載和安裝,是否可以使用 cnpm i webpack webpack-cli -g 和 cnpm i webpack webpack-cli -D 直接一次下載安裝我沒試過,折騰太久不想試了,試過的朋友可以留個言
最後設置好 webpack.config.js 配置文件,再次運行 webpack 打包成功