1. 寫在前面
經(jīng)過前兩章博客的基礎(chǔ)講解爬虱，我們知道如果想要打包編譯項目，可以執(zhí)行 npx webpack 命令秉溉，然后webpack就會根據(jù)配置文件 webpack.config.js 來對項目進行打包編譯力惯。但是現(xiàn)在我們可能遇到以下需求：
- webpack的配置文件不要叫做webpack.config.js,而是叫做 webpack.config.allen.js
- 每次打包編譯的時候，都要使用
npx webpack命令召嘶。我不喜歡這個命令父晶，給我改成yarn build命令 - ......
看似都是一些很無理的要求，但是確實是我們在架構(gòu)項目的時候需要考慮到的問題弄跌。既然如此甲喝，本篇博客就來介紹如何滿足以上兩個需求。
2. 指定webpack配置文件
首先我們來講一下铛只，如果指定webpack的配置文件埠胖。
前面提到，在打包編譯項目的時候淳玩，我們需要運行 npx webpack 命令直撤，然后webpack就會根據(jù)webpack.config.js文件來進行打包編譯。這里要說的是蜕着， npx webpack 命令是可以指定一些參數(shù)的谋竖，比如如果我們想要指定webpack的配置文件為 webpack.config.allen.js ，那么可以執(zhí)行以下命令：
npx webpack --config webpack.config.allen.js
通過上面的指令承匣，我們便可以使用 webpack.config.allen.js 作為webpack的配置文件蓖乘，對項目進行打包編譯。
3. 自定義腳本命令
現(xiàn)在來解決第二個需求：如何使用 yarn build 命令來進行項目的打包編譯悄雅。
在之前的博客中驱敲，我提到過 package.json 文件的作用，其中一個就是自定義一些腳本宽闲，然后使用 npm run 或者 yarn 來運行這些腳本众眨，執(zhí)行所定義的命令。這里我們就可以使用這種方式容诬，自定義腳本來進行打包編譯娩梨。
新建腳本的步驟非常簡單，在 package.json 文件中新建 scripts 屬性览徒，該屬性為一個對象狈定，給這個對象添加屬性鍵值對即可新建腳本。如果要滿足上述第二個需求，可以這樣配置：
{
"name": "webpack-learning",
"version": "1.0.0",
"main": "index.js",
"license": "MIT",
"scripts": {
"build": "webpack --config webpack.config.allen.js"
},
"devDependencies": {
"webpack": "^4.32.2",
"webpack-cli": "^3.3.2"
}
現(xiàn)在自定義腳本已經(jīng)創(chuàng)建完成纽什，我們便可以通過 npm run build 或者 yarn build 來執(zhí)行webpack的打包編譯命令了措嵌。
4. 后記
這篇博客我們主要講解了如何自定義腳本來幫助我們管理項目，這里只介紹了如何創(chuàng)建webpack打包編譯的腳本芦缰，其他腳本也是非常類似的企巢，在后面的博客中會陸續(xù)提到。
大家加油让蕾！
