命令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和webpack-dev-server的區(qū)別？

第一：webpack只是在生成

webpack dev server除了生成外還提供Web服務(wù)

第二：webpack dev server提供Web服務(wù)webpack.config.json文件顯然，條目是一樣的，因?yàn)槟阈枰佬枰谀睦锷晌募?/p>

那么區(qū)別就在于輸出

路徑和webpack一起指示生成后輸出文件的位置，這是真實(shí)的物理地址

publicpath和webpack dev server一起工作。執(zhí)行webpack dev server時(shí)，第一步與webpack相同。首先，構(gòu)建輸出文件，然后提供web訪問(wèn)。輸出文件在內(nèi)存中

默認(rèn)情況下，如果未設(shè)置publicpath，則輸出文件在運(yùn)行webpack dev server的目錄下，通常是根目錄，webpack只是一個(gè)生成，webpack dev server相當(dāng)于webpack Apache（或其他web服務(wù)器）的輸出文件

1通過(guò)路徑引用生成；

2每次修改后重新運(yùn)行webpack

1第一次生成，輸出內(nèi)存中的文件，根據(jù)publicpath引用生成的輸出文件（默認(rèn)為根目錄）；

2每次修改，自動(dòng)刷新

webpack配置如下：constextextextplugin=require（”extract text webpack plugin ") module.exports={輸出：{路徑：path.join（uuudirname，“../dist”），文件名：“js/[name].js”，公共路徑：“/dist/”}，模塊：{loaders:[{test:/.css$/加載程序：ExtractTextPlugin.extract（{fallbackLoader:“style”，loader:“css”，publicPath:“../”}）}，]}，插件：[newExtractTextPlugin（{filename:“css/[name].css”禁用：false， allChunks:錯(cuò)誤})]}