新年快樂(lè)!
https://www.bilibili.com/video/BV15741177Eh?p=78&spm_id_from=pageDriver
我們考慮一下,如果每次使用webpack的命令都需要寫(xiě)上入口和出口作為參數(shù),就非常麻煩,有沒(méi)有一種方法可以將這兩個(gè)參數(shù)寫(xiě)到配置中,在運(yùn)行時(shí),直接讀取呢?
當(dāng)然可以,就是創(chuàng)建一個(gè)webpack.config.js文件

目前,我們使用的webpack是全局的webpack,如果我們想使用局部來(lái)打包呢?
因?yàn)橐粋€(gè)項(xiàng)目往往依賴特定的webpack版本,全局的版本可能很這個(gè)項(xiàng)目的webpack版本不一致,導(dǎo)出打包出現(xiàn)問(wèn)題。
所以通常一個(gè)項(xiàng)目,都有自己局部的webpack。
第一步,項(xiàng)目中需要安裝自己局部的webpack
這里我們讓局部安裝webpack3.6.0
Vue CLI3中已經(jīng)升級(jí)到webpack4,但是它將配置文件隱藏了起來(lái),所以查看起來(lái)不是很方便。

第二步,通過(guò)node_modules/.bin/webpack啟動(dòng)webpack打包

但是,每次執(zhí)行都敲這么一長(zhǎng)串有沒(méi)有覺(jué)得不方便呢?
OK,我們可以在package.json的scripts中定義自己的執(zhí)行腳本。
package.json中的scripts的腳本在執(zhí)行時(shí),會(huì)按照一定的順序?qū)ふ颐顚?duì)應(yīng)的位置。
首先,會(huì)尋找本地的node_modules/.bin路徑中對(duì)應(yīng)的命令。
如果沒(méi)有找到,會(huì)去全局的環(huán)境變量中尋找。
如何執(zhí)行我們的build指令呢?

