vue项目中代码拆分问题

javascript 复制代码
const path = require('path');
const webpack = require('webpack');
module.exports = {
  plugins: [new webpack.HashedModuleIdsPlugin()],
  output: {filename: '[name].[contenthash].js'},
  optimization: {
    splitChunks: {
      chunks: 'all',
      minSize: 10000,
      maxSize: 0,
      minChunks: 1,
      maxAsyncRequests: 10,
      maxInitialRequests: Infinity,
      name: true,
      cacheGroups: {
        vendor: {
          test: /[\\/]node_modules[\\/]/,
          name(module) {
            const packageName = module.context.match(/[\\/]node_modules[\\/](.*?)([\\/]|$)/)[1];
            return `npm.${packageName.replace('@', '')}`;
          },
          priority: 10,
          chunks: 'initial'
        },
      },
    },
  },
};
相关推荐
littleplayer几秒前
iOS Swift Redux 架构详解
前端·设计模式·架构
工呈士5 分钟前
HTML 模板技术与服务端渲染
前端·html
皮实的芒果7 分钟前
前端实时通信方案对比:WebSocket vs SSE vs setInterval 轮询
前端·javascript·性能优化
鹿九巫7 分钟前
【CSS】层叠,优先级与继承(三):超详细继承知识点
前端·css
奕云7 分钟前
react-redux源码分析
前端
咸鱼一号机8 分钟前
:global 是什么
前端
专业掘金9 分钟前
0425 手打基础丸
前端
五号厂房9 分钟前
Umi Max 如何灵活 配置多环境变量
前端
红尘散仙12 分钟前
六、WebGPU 基础入门——Vertex 缓冲区和 Index 缓冲区
前端·rust·gpu
南望无一12 分钟前
webpack性能优化和构建优化
前端·webpack