webpack打包原理阮一峰 命令webpack和npm run webpack有什么區(qū)別?
命令webpack和npm run webpack有什么區(qū)別?Webpack是Webpack的一個(gè)包命令,是最基本的包命令。另一方面,Npmruwebpack處于包.json文件中有一個(gè)腳本配置項(xiàng)。腳
命令webpack和npm run webpack有什么區(qū)別?
Webpack是Webpack的一個(gè)包命令,是最基本的包命令。另一方面,Npmruwebpack處于包.json文件中有一個(gè)腳本配置項(xiàng)。腳本中的自定義命令通過(guò)NPM運(yùn)行。例如:scripts“:{”start“:”webpack--configwebpack.config.js配置網(wǎng)頁(yè)包--Progress--watch“}當(dāng)腳本名為“start”時(shí),可以省略“run”,直接說(shuō):npmstart。你所說(shuō)的屬于這個(gè)例子:腳本名是“webpack”scripts“:{”webpack“:”webpack--configwebpack.config.js配置網(wǎng)頁(yè)包--progress--watch“}一些參數(shù)可以在以后添加以促進(jìn)開(kāi)發(fā)。執(zhí)行以下語(yǔ)句npmrunwbpack相當(dāng)于執(zhí)行腳本中的長(zhǎng)命令字符串
webpack vue打包文件過(guò)大,該如何解決?
包太大。推薦兩種快速方法:
externals external chain third party dependence
externals是一種常用的優(yōu)化方法。在生成時(shí),依賴項(xiàng)文件與節(jié)點(diǎn)相關(guān)。模塊導(dǎo)入更改為外部鏈接引用(即腳本標(biāo)記CDN加載方法)
使用commonchunkplugin提取公共代碼
我是[front-end rain dad]。你可以跟我來(lái)看看前端技術(shù)相關(guān)的文章。
怎樣查看安裝webpack的版本號(hào)?
安裝節(jié)點(diǎn).js你需要先安裝它節(jié)點(diǎn).jsNode附帶包管理工具NPM。NPM install webpack-G用于安裝webpack。在本地環(huán)境中全局安裝webpack時(shí),可以使用webpack命令。在項(xiàng)目中使用webpack通過(guò)NPM init實(shí)例化包.json文件。通過(guò)NPM Install webpack--save dev將webpack安裝到服務(wù)器包.json文件?;蛲ㄟ^(guò)NPM安裝網(wǎng)頁(yè)包@1.2.x--Save dev將指定版本的webpack安裝到包.json文件。通過(guò)NPM install webpack dev server—保存dev,將dev工具安裝到包.json文件,在本地運(yùn)行webpack服務(wù)。