vue项目中代码拆分问题

new code Boy

已于 2024-06-17 16:49:10 修改

阅读量126

点赞数 2

文章标签： vue.js 前端 javascript

于 2024-05-24 13:52:22 首次发布

本文链接：https://blog.csdn.net/qq_46344419/article/details/139172995

版权

const path = require('path');
const webpack = require('webpack');
module.exports = {
  plugins: [new webpack.HashedModuleIdsPlugin()],
  output: {
      filename: '[name].[contenthash].js',
      path: path.resolve(__dirname, 'dist'),
  },
  optimization: {
    runtimeChunk: 'single',
    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'
        },
        vue: {
          test: /[\\/]node_modules[\\/]_?vue(.*)/,
          name: 'chunk-vue',
          priority: 20,
          chunks: 'initial'
        },
      },
    },
  },
};