在构建生产时排除文件夹不起作用

Question

我在“src/api/mock”文件夹中有一个包含一些模拟数据的文件夹，其中包含一些 ts 和 JSON 文件。我希望 Webpack 在构建生产时排除它们。我尝试使用以下规则，但它不起作用。有什么建议吗？

  module: {
    rules: [
      {
        test: /\.(ts|json)$/i,
        exclude: ['/src/api/mock/'],
      },
    ],
  },

Answer 1

如果有效就试试这个

const path = require('path');

module.exports = {
  ...others,
  module: {
    rules: [
      {
        test: /\.(ts|json)$/,
        exclude: path.resolve(__dirname, 'src/api/mock'),
        use: {
          loader: 'babel-loader',
        },
      },
    ],
  },
};

Answer 2

因为您使用的是打字稿，所以您应该使用

tsconfig.json

。当你初始化这个文件时，你应该已经有了这个

 "exclude": ["node_modules"]

只需将此“/src/api/mock/”的正确路径添加到数组中即可。我认为

ts-loader

遵循这个文件的配置