webpack中的Externals和DLL

externals

为什么需要externals?

在某些情况下，我们可能并不希望将特定的包进行打包处理，而是选择通过CDN链接的方式进行引入，此时便可借助externals这一机制来实现。

externals使用步骤解析

1.在webpack.config.js文件中增加配置参数，用以定义需要排除在打包过程之外的内容

      externals: {
    jquery: 'jQuery'
      }
    
    
      
      
      
    

2. 通过CDN在静态文件中进行引入

    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    
    
      
    

dll

什么是dll？为什么需要dll?

利用dll机制，我们可以对部分库（如第三方库：jquery、react、vue等）实现独立打包处理。借助插件的引入方式，能够显著减少对这些库的重复打包现象。在执行webpack构建时，系统会默认读取webpack.config.js配置文件，此时需运行以下命令。

    webpack --config web