1.webpack默認配置文件:webpack.config.js
可通過webpack --config 指定配置文件
2.webpack配置包括:
3.webpack環境搭建
a.安裝node
b.安裝webpack
4.一個簡單的例子
a.首先建立一個文件:webpack.config.js
b.接着編寫內容
c.創建一個src文件夾存放代碼
d.在src下創建index.js入口文件
在創建一個例子文件寫個簡單的測試
效果:
入口文件事根目錄下的index.js
輸出文件在當前目錄下的dist文件下,文件名稱叫做bundle.js
打包命令:./node_modules/.bin/webpack
爲了看效果,可以再dist下面建立一個html文件
效果:
由於打包命令比較長那麼如何簡化命令?爲什麼平時我們打包的命令不是這一串?
由於我們每一次局部安裝一個東西的時候都會在nodeodule/.bin創建一個軟連接;
而packge.json默認是可以讀取到.bin目錄下的軟鏈接裏面的命令
所以簡化的命令就可以直接在package.json裏面的script裏面指定命令