練習webpack遇到的一些問題以及解決辦法，供自己以后參考

1、利用nodeJs安裝webpack時報出以下錯誤提示：

這個錯誤我在網上搜了一下，說是npm文件配置問題，也就是權限不夠

解決辦法：npm config set registry http://registry.npmjs.org/  運行這行命令即可

 

2、自動監聽文件變化

webpack中可以利用webpack-dev-server在localhost:8080端口啟動一個express靜態資源web服務器，並且默認以監聽模式自動運行webpack,實時監聽文件的變化；

首先安裝：npm install webpack-dev-server -g

然后運行：webpack-dev-server --progress --colors  

注：--progress 顯示編譯進度條  --colors帶顏色的進度條

 

3、webpack文件分析

webpack的配置文件是：webpack.config.js

webpack的插件文件是：webpack.plugin.js

如圖：

 

這就是wenpack.config.js的基本結構

 

未完待續、、、、、、