解决webpack打包速度慢的解决办法汇总

externals: 
    {
      'antd':true,
      'react': 'React',
      'react-dom': 'ReactDOM'
    }

<script src="/UploadFiles/2021-04-02/react-with-addons.js">

在项目中正常使用require(“react”)试试，不会被打进去了，文件变为了几k，突然感觉webpack这东西还是能用的。
技巧3
大部分情况下通过技巧2已经可以搞定大部分问题了，但是在用MaterialUI的时候，点击事件总是报一个错误，大概意思是重复的引入了react什么的。如果出现这个问题，那么请使用技巧3。将那些共有的模块打进另外一个文件中，然后使用CommonsChunkPlugin插件，在webpack –watch非第一编打包的时候就不会重复的打另外一个文件了。


entry: {
    //这是我自己文件的入口，换成自己的
    main: './apps/main.jsx',
    //这个是把外面的东西打包成common.js
    'common':['./node_modules/react/dist/react-with-addons.min.js','./node_modules/react-dom/dist/react-dom.min.js']

  },
plugins: [
    //把common.js变为共有的，除第一遍打包后就不会再打包了
    new webpack.optimize.CommonsChunkPlugin('common', 'common.js')
  ]
output: {
    path: path.resolve(containerPath,'dist/'),
    filename: '[name].js'
  }



在webpack配置文件的根上加上这些内容，在html入口处需要引入common.js


//确认一下是不是第一回打包后这个文件已经有了
<script src="/UploadFiles/2021-04-02/common.js">

这种方式在webpack -watch后第一遍依旧很慢（因为要打common） 之后修改默认打包是就不会再打common了。而且还有一个优点就是不用再引React，jquery一堆文件了，只引common一个文件就ok。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。