javascript - 如何排除目录被 Webpack 捆绑？

Question

预期:

当我使用 webpack 构建时，我的所有 JS 文件都会被捆绑，除了 ./src/Portfolio 目录中的文件(根据我的 Webpack.config.js 设置)。

实际:

Webpack 捆绑了所有文件，包括目录中的文件，尽管我在 webpack.config.js 中提供了设置和其他变体。

代码:

Webpack.config.js

const path = require('path');

module.exports = {
  entry: './src/index.js',
  devtool: 'source-map',
  mode: 'development',
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: [
          path.resolve(__dirname, './src/Portfolio/')
        ]
      }
    ]
  },
  output: {
    filename: 'main.js',
    path: path.resolve(__dirname, 'dist')
  }
};

输出:

How can i successfully exclude the ./src/Portfolio directory and its contents?

Answer 1

根据您的文件夹结构，您似乎没有为其提供要排除的正确目录位置。我认为这样的事情应该可行，但如果不行，请分享您的文件夹结构。

const path = require('path');

module.exports = {
  entry: './src/index.js',
  devtool: 'source-map',
  mode: 'development',
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: [
          './src/Portfolio/'
        ]
      }
    ]
  },
  output: {
    filename: 'main.js',
    path: path.resolve(__dirname, 'dist')
  }
};