如何在 vuejs 中构建一些包含 .vue 文件的文件夹？

Question

module.exports = {
  presets: [
    '@vue/app'
  ],
  module:{
    rules: [
      {
        test: /\.vue$/,
        exclude: [
          './src/components/Homepages/number1',
          './src/components/Homepages/number2'
        ]
      }
    ]
  }
}

我试图在我的项目中有条件地仅包含“Homepages/number1”、“Homepages/number2”、“Homepages/number3”文件夹之一，并且在运行 npm run build 减小我的 dist 文件夹大小。我正在尝试这段代码，但我确信它不是正确的解决方案。我在 babel.config.js 中做这个配置。

Answer 1

一种选择是使用Copy plugin：

module.exports = {
  plugins: [
    new CopyPlugin({
      patterns: [
        {
          from: path.posix.join(
            path.resolve(__dirname, "src").replace(/\\/g, "/"),
            "**/*"
          ),
          globOptions: {
            ignore: [
              // Ignore all `txt` files
              "**/*.txt",
              // Ignore all files in all subdirectories
              "**/subdir/**",
            ],
          },
        },
      ],
    }),
  ],
};