webpack配置與安裝及運(yùn)行

最近剛學(xué)了webpack的基本內(nèi)容，但是現(xiàn)在安裝的webpack已經(jīng)是4的版本了，用webpack打包的時(shí)候回發(fā)現(xiàn)webpack-cli和webpack是分離的，上網(wǎng)查了很久，有兩個(gè)辦法：1、安裝webpack-cli，2、安裝低版本的webpack

最后我卸載了最新版本的webpack，下載代碼如下【卸載全局webpack】：


我現(xiàn)在下載的版本是1.13.2的，這個(gè)版本打包時(shí)是和webpack-cli不分離的

全局安裝webpack1.13.2


查看webpack版本


局部安裝webpack，先進(jìn)入需要安裝的項(xiàng)目文件夾

然后輸入cnpm?init -y生成package.json文件，只要有這個(gè)文件，就會認(rèn)為整個(gè)項(xiàng)目是一個(gè)模塊



然后輸入cnpm install --save-dev webpack@1.13.2安裝局部webpack



在package.json文件里可以找到局部安裝的版本號


如果是全局安裝的webpack，在打包時(shí)只需要輸入命令webpack [入口文件名] [出口文件名]

也可以使用局部安裝為webpack進(jìn)行打包

在package.json文件里找到script屬性


pack是打包完成后的文件名

pack的屬性值是webpack的路徑以及打包命令

在package.json文件的scripts中加入pack?打包命令，然后在終端運(yùn)行?cnpm?run pack



生成pack.js文件
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容