練習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的基本結構

 

未完待續、、、、、、


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM