webpack阮一峰 命令webpack和npm run webpack有什么區(qū)別?
命令webpack和npm run webpack有什么區(qū)別?Webpack是Webpack的一個包命令,是最基本的包命令。另一方面,Npmruwebpack處于包.json文件中有一個腳本配置項。腳
命令webpack和npm run webpack有什么區(qū)別?
Webpack是Webpack的一個包命令,是最基本的包命令。另一方面,Npmruwebpack處于包.json文件中有一個腳本配置項。腳本中的自定義命令通過NPM運行。例如:scripts“:{”start“:”webpack--configwebpack.config.js配置網(wǎng)頁包--Progress--watch“}當(dāng)腳本名為“start”時,可以省略“run”,直接說:npmstart。你所說的屬于這個例子:腳本名是“webpack”scripts“:{”webpack“:”webpack--configwebpack.config.js配置網(wǎng)頁包--progress--watch“}一些參數(shù)可以在以后添加以促進開發(fā)。執(zhí)行以下語句npmrunwbpack它相當(dāng)于在腳本中執(zhí)行一長串命令
webpack和webpack-dev-server的區(qū)別?
第一:webpack只是在生成
webpack dev server除了生成外還提供Web服務(wù)
第二:webpack dev server提供Web服務(wù)webpack.config.json文件顯然,條目是一樣的,因為你需要知道需要在哪里生成文件
那么區(qū)別就在于輸出
路徑和webpack一起指示生成后輸出文件的位置,這是真實的物理地址
publicpath和webpack dev server一起工作。執(zhí)行webpack dev server時,第一步與webpack相同。首先,構(gòu)建輸出文件,然后提供web訪問。輸出文件在內(nèi)存中
默認情況下,如果未設(shè)置publicpath,則輸出文件在運行webpack dev server的目錄下,通常是根目錄,webpack只是一個生成,webpack dev server相當(dāng)于webpack Apache(或其他web服務(wù)器)的輸出文件
1通過路徑引用生成;
2每次修改后重新運行webpack
1第一次生成,輸出內(nèi)存中的文件,根據(jù)publicpath引用生成的輸出文件(默認為根目錄);
2每次修改,自動刷新
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:錯誤})]}