Webpack 在執行的時候,除了在命令行傳入參數,還能夠經過指定的配置文件來執行。默認狀況下,會搜索當前目錄的 webpack.config.js
文件,這個文件是一個 node.js 模塊,返回一個 json 格式的配置信息對象,或者經過 --config
選項來指定配置文件。html
webpack文檔:https://webpack.github.io/docs/node
1.新建一個文件夾src存放打包前的源文件,dist文件夾存放打包後的文件,新建一個webpack.config.js爲webpack的配置文件webpack
打包前的文件夾中的內容git
2.新建一個index1.html引用dist下打包後的jsgithub
3.輸入命令:webpack,便可按照webpack.config.js中的配置項進行編譯web
4.編譯完的文件目錄和內容以下npm
5.若是將webpack.config.js重命名爲webpack.dev.config.js,則直接執行默認的webpack命令則會找不到相應的配置文件,須要藉助於webpack的--config選項來指定配置文件json
命令:webpack --config webpack.dev.config.js數組
6.若是要查看編譯的進度,打包的模塊之類的,能夠在package.json中的scripts標籤內經過webpack的屬性值來指定spa
7.輸入命令:npm run webpack,來編譯打包
webpack.config.js中entry值的詳細介紹:
https://webpack.github.io/docs/configuration.html#entry
entry的值能夠是一個string類型的字符串,也能夠是一個數組,還能夠是一個json對象
數組:這種狀況會將entry定義的數組中的文件內容打包到output中定義的這一個文件
json對象:這種狀況適應於多頁面時的編譯
output屬性值介紹:https://webpack.github.io/docs/configuration.html#output
使用命令:npm run webpack,編譯打包將會看到在dist/js下生成兩個文件