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'
        },
      },
    },
  },
};
相关推荐
温宇飞4 分钟前
ECS 系统的一种简单 TS 实现
前端
shenshizhong7 分钟前
鸿蒙HDF框架源码分析
前端·源码·harmonyos
凌晨起床15 分钟前
Vue3 对比 Vue2
前端·javascript
clausliang18 分钟前
实现一个可插入变量的文本框
前端·vue.js
yyongsheng19 分钟前
SpringBoot项目集成easy-es框架
java·服务器·前端
fruge41 分钟前
前端工程化流程搭建与配置优化指南
前端
Aress"1 小时前
uniapp设置vuex公共值状态管理
javascript·vue.js·uni-app
东芃93941 小时前
uniapp上传blob对象到后台
前端·javascript·uni-app
coding随想1 小时前
救命!网页还在偷偷耗电?浏览器Battery API事件教你精准控电,这5个场景用了都说香
前端
贝西奇谈1 小时前
JavaScript DOM节点操作详解
开发语言·javascript·php