webpack怎樣打包js

首先要在自己電腦安裝webpack和webpack-cli然後纔可以接着下面的操作。

安裝之後
新建一個js文件,和一個webpack.config.js

接下來我們就打包這個新建的js文件(我這裏是a.js)

webpack.config.js是webpack的配置文件,當執行webpack命令的時候會去讀取這個文件裏面的配置信息




a.js內容很簡單,就是一個輸出而已


webpack.config.js內容則比較多

引入path模塊,這個是node相關的模塊,可以獲取當前的文件夾路徑,不熟悉可以去網上搜索看看哦
然後用module.exports來導出

導出的是一個對象,裏面有很多屬性,先說最基本的
entry 表示的是你要打包哪些文件,這裏我就是要打包a.js
output 表示的是你要把文件打包之後放到哪裏
這裏我就是放到當前目錄下的dist目錄下
path 就是指明存放的路徑
filename 則是打包之後文件的命名 這裏我就命名爲66.js


保存配置文件,然後在對應的文件夾下執行命令
webpack -p 即可打包


最後即可看到輸出

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章