React-第三节

一、复习webpack基本配置

webpack的发布策略

1. 在实际开发中，一般会有两套项目方案：

• 一套是开发期间的项目，包含了测试文件、测试数据、开发工具、测试工具等相关配置，有利于项目的开发和测试，但是这些文件仅用于开发，发布项目时候需要剔除；
• 另一套是部署期间的项目，剔除了那些客户用不到的测试数据测试工具和文件，比较纯净，减少了项目发布后的体积，有利于安装和部署！

2. 为了满足我们的发布策略，需要新建一个配置文件，命名为webpack.publish.config.js，将webpack.config.js的配置拷贝过去，剔除一些开发配置项即可：

• 将devServer节点删掉：

devServer: {
       hot: true,
       open: true,
       port: 4321
   }

• 将plugins节点下的热更新插件删掉：

new webpack.HotModuleReplacementPlugin()

二、复习-webpack中loader的配置、配置发布阶段的脚本和配置文件、配置图片打包后存放到images中

3. 修改url-loader，将图片放入统一的images文件夹之下：

{ test: /\.(png|jpg|gif)$/, use: 'url-loader?limit=43959&name=images/[name].[ext]' }

或者使