vue用webpack打包可以将vue文件按文件夹来输出么。

Question

目录结构：src/common/a.vue、src/common2/b.vue，想要打包后输出是这样的：dist/common/a.js、dist/common2/b.js，有弄过的大佬么，应该怎么配置呢？

Answer 1

如果非得这样的话，你可以试试多页面！

Answer 2

配置splitChunks，类似这样

optimization: {
    splitChunks: {
      chunks: 'all',
      minSize: 0,
      cacheGroups: {
        vendors: {
          test: /[\\/]node_modules[\\/]/,  // 匹配node_modules目录下的文件
          priority: -10   // 优先级配置项
        },
        customA: {
          test: path.resolve('home/components/a.vue'),
          name: 'a',
          priority: 0
        },
        customB: {
          test: path.resolve('home/components/b.vue'),
          name: 'b',
          priority: 0
        }
      }
    }
  }