首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

带有清单文件的webpack2 CommonsChunkPlugin,如果minChunks是函数,则仅生成"names[]“数组中的最后一个文件

带有清单文件的webpack2 CommonsChunkPlugin是一个用于代码分割和模块打包的插件。它可以将多个入口文件中的公共模块提取出来,生成一个单独的文件,以减少重复加载和提高页面加载速度。

具体来说,当minChunks参数是一个函数时,它可以用来控制哪些模块应该被提取到清单文件中。在这种情况下,只有在"names[]"数组中最后一个文件中被引用的模块才会被提取到清单文件中。

这个功能在以下场景中非常有用:

  1. 多页面应用:当一个应用有多个入口文件时,可以使用该插件将公共模块提取到清单文件中,以避免重复加载。
  2. 第三方库分离:当应用中使用了大量的第三方库时,可以将这些库提取到清单文件中,以便在不同的页面中共享使用。
  3. 缓存优化:将公共模块提取到清单文件中可以使浏览器更好地缓存这些文件,从而提高页面加载速度。

推荐的腾讯云相关产品和产品介绍链接地址:

腾讯云提供了一系列与云计算相关的产品和服务,包括云服务器、云数据库、云存储、人工智能等。以下是一些相关产品和其介绍链接地址:

  1. 云服务器(CVM):提供弹性计算能力,支持多种操作系统和应用场景。详情请参考:https://cloud.tencent.com/product/cvm
  2. 云数据库(CDB):提供高可用、可扩展的数据库服务,支持多种数据库引擎。详情请参考:https://cloud.tencent.com/product/cdb
  3. 云存储(COS):提供安全、可靠的对象存储服务,适用于存储和处理各种类型的数据。详情请参考:https://cloud.tencent.com/product/cos
  4. 人工智能(AI):提供多种人工智能服务,包括图像识别、语音识别、自然语言处理等。详情请参考:https://cloud.tencent.com/product/ai

请注意,以上链接仅供参考,具体的产品和服务选择应根据实际需求进行评估和选择。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • 读书笔记之webpack实战

    1.commonjs只会对require的代码执行一次 之后的require只会直接取其导出值 2.es6 Module动态映射,CommonJs是值拷贝,前者可以支持一定程度的循环依赖,需要由开发保证导入时,已经设置好正确的导出值 3.通过单独加载包内的单独文件,从而减小打包体积 4.当第三方依赖较多时,我们可以用提取vendor的方法将这些模块打包到一个单独的bundle中,以更有效地利用客户端缓存,加快页面渲染速度。 5.webpack指定生成目录: webpack.config.js:配置output的path 6.与loader相关的配置都在module对象中,其中module.rules代表了模块的处理规则 7.两个一般一起使用: css-loader:处理css的加载语法 style-loader:将css插入页面 8.在Webpack中,我们认为被加载模块是resource,而加载者是issuer,可以配置哪个js可以加载css rules: [ { test: /.cssKaTeX parse error: Can't use function '\.' in math mode at position 119: … test: /\̲.̲js/, include: /src/pages/, }, } ], 9.enforce可以强制指定loader的执行顺序,分四种: normal:直接定义的默认 pre:代表它将在所有正常loader之前执行 post:和pre相反,代表它需要在所有loader之后执行 inline :webpack不推荐使用

    03
    领券