每次app.js发生变化，也会影响vendor.js解决方法是运行webpack重新生成一个标记有模块的脚本，这样这个脚本就可以生成到自己的文件中，自己修改。如下，再次提取并生成最后一个js文件，那么这次执行生成的带有模块标记的脚本就会添加到其中。
3、 webpack-dev-server之config前文档地址:可以获取节点服务app的实例，执行中间件操作Compore:打开gzip压缩服务器可访问的内容。暂时认为开发环境更好，更容易调试。Contentbase(非常重要):TelltheServerWheretoserverContent ROM。可以传输多条路径，建议使用绝对路径。公共路径:决定是否开启热更新。
4、 webpack执行机制流程是怎么样的正如林瑞瑜回答的那样，webpackdevmiddle把文件放到内存里。实现过程大致如下:webpack有一个输出选项，通过这个选项webpack可以在编译时用自定义fs替换节点原生fs，只要API兼容。几乎所有的业务开发和建设都会用到webpack。事实上，作为模块加载和打包的产物，您可以通过配置一些文件和加载各种加载器来享受无痛的流程开发。
5、如何解决 webpack打包后,dist文件过大的问题移除不必要的插件第一次使用webpack时，开发环境和生产环境使用了相同的webpack配置文件，导致生产环境中封装了大量不必要的-0 JS文件。所以，如果你打包的文件很大，先检查一下是否包含这些插件。
因此，可以在webpack中设置{ entry:{ bundle: app vendor:development stage。如果不方便在每次文件更改后手动打包构建，通常使用以下三种方法在开发阶段进行热重载(自动编译)配置文件，以提供入口和出口。-1.package.json文件增加了一个watch脚本，watch，动态监控文件的变化并实时打包，这样文件多了之后速度会慢一些，而且这种打包方式不会热更新，也就是每次编译webpack之后需要手动刷新浏览器。
6、React|使用 webpack构建React项目要配置React项目，需要完成以下任务:1 .编译jsx，es6，scss 2等资源。自动将静态资源引入html页面3。实时编译和刷新浏览器4。根据指定的模块规格自动包装模块5。自动为css 6添加浏览器内核前缀。根据webpack文档编写最基本配置，根据需要对js和css进行打包合并。直接使用nodeapi/*webpack. config . js */varwebpackrequire(webpack)；//辅助函数varutilsrequire(。/utils’)；varfullPathutils.fullPathvarpick项目的根路径是varroot _ pathfullpath(.../);//项目源路径var src _ PATH root _ PATH /src ；//输出路径var dist _ PATH root _ PATH /dist ；//是开发环境var__DEV__process.env.NODE_ENV！生产；//confvaraliaspickFile .
7、 webpack使用HtmlWebpackPlugin进行cdn配置其中，build文件夹中的webpack.prod.conf.js是我们主要关注的文件。我们动态设置不需要打包在这个文件中的模块，并建立适当的链接。在webpack项目中，导入的第三方资源会统一打包到vender文件中。我们可以通过webpack的externals属性设置打包时要排除的模块。有关详细信息，请参见外部。
安装时注意记住S，它的作用是在安装后将记录插入package.json项目文件中，后续操作需要读取已安装的模块。对于cdn，我们可以自己搭建，也可以使用专业的cdn服务商，在那里我们使用免费的cdnbootcdn。选择免费的cdn有很多好处，但毕竟也有隐患，就是服务可能会崩溃。
8、 webpack基本使用step1:创建物品目录注意:一般情况下，物品名称不要用中文。第二步:创建package.json或者第四步:需要将多个js文件或者第三方模块(比如jquery.js)导入到第三方文件的html文件中，只导入项目js入口文件(main.js)，其他js文件全部导入到入口文件中，这样一来，js文件可能会使用浏览器不知道的高级语法:Summary: webpack可以做两件事:第五步:配置入口文件和出口文件。每次修改JS文件都要手动输入命令:webpack入口文件路径o和出口文件路径重新打包，比较麻烦。
