webpack阮一峰 命令webpack和npm run webpack有什么区别？

命令webpack和npm run webpack有什么区别？

Webpack是Webpack的一个包命令，是最基本的包命令。另一方面，Npmruwebpack处于包.json文件中有一个脚本配置项。脚本中的自定义命令通过NPM运行。例如：scripts“：{”start“：”webpack--configwebpack.config.js配置网页包--Progress--watch“}当脚本名为“start”时，可以省略“run”，直接说：npmstart。你所说的属于这个例子：脚本名是“webpack”scripts“：{”webpack“：”webpack--configwebpack.config.js配置网页包--progress--watch“}一些参数可以在以后添加以促进开发。执行以下语句npmrunwbpack它相当于在脚本中执行一长串命令

webpack和webpack-dev-server的区别？

第一：webpack只是在生成

webpack dev server除了生成外还提供Web服务

第二：webpack dev server提供Web服务webpack.config.json文件显然，条目是一样的，因为你需要知道需要在哪里生成文件

那么区别就在于输出

路径和webpack一起指示生成后输出文件的位置，这是真实的物理地址

publicpath和webpack dev server一起工作。执行webpack dev server时，第一步与webpack相同。首先，构建输出文件，然后提供web访问。输出文件在内存中

默认情况下，如果未设置publicpath，则输出文件在运行webpack dev server的目录下，通常是根目录，webpack只是一个生成，webpack dev server相当于webpack Apache（或其他web服务器）的输出文件

1通过路径引用生成；

2每次修改后重新运行webpack

1第一次生成，输出内存中的文件，根据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:错误})]}

webpack阮一峰 webpack打包 webpack官网

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。