webpack 打包的具體步驟


webpack打包的方法:

方法一

  創建一個src文件夾(存放自己的代碼),dist文件夾(打包到此文件夾)

 

 

 

 

 2編寫自己的代碼,在src文件夾中創建一個主模塊main.js和若干個js文件,將模塊js發送到main.js中

 

3.此時,就用到了webpack的功能了,在終端輸入(進入文件目錄)webpack  ./src/main.js  ./dist/bundle.js

便將main.js打包到了dist文件中的bundel.js中了(其他模塊自動處理打包了);

此時,在html文件中直接引用bundel.js文件就可以了。

 

 

方法二:

 用webpack.config.js文件處理:用node語法獲取絕對路徑,

 

 在此之前先要用命令 npm init初始化,再用npm install生成兩個文件

 

 然后在webpack.config.js中配置以下

y

 

 

最后在終端輸入webpack就從新打包了。

 


免責聲明!

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



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