WebPack打包React项目, 减小打包后生成的js文件.

Posted 2023-04-18

参考技术A Warning: It looks like you’re using a minified copy of the development build of React. When deploying React apps to production, make sure to use the production build which skips development warnings and is faster. See http://facebook.github.io/react/downloads.html for more details.
```

这里分别把 使用的 react , react-dom , jquery , react-router , 第三方库提了出来单独生成文件vendor.js

首先安装依赖: extract-text-webpack-plugin ,

之后在webpack中进行配置

**注意: ** 例子中配置中 publicPath: './' 不是必填项, 我这里是为了解决背景图片打包或路径不正确的问题, 具体请查看

VUE前端项目打包后生成的CHUNK-VENDORS文件过大, 导致加载太慢

参考技术A 参考： chunkPlugin ; SPLITCHUNKSPLUGIN拆分规则