web-dev-qa-db-ja.com

Webpackによるバンドルからディレクトリを除外する方法は？

予想：

Webpackでビルドすると、Webpack.config.jsの設定に従って、。/ src/Portfolioディレクトリ内のファイルを除いて、すべてのJSファイルがバンドルされます。

実際：

Webpack.config.js内で提供した設定やその他のバリエーションにもかかわらず、Webpackはディレクトリ内のファイルを含むすべてのファイルをバンドルします。

コード：

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')
  }
};

出力：

enter image description here

./src/Portfolioディレクトリとそのコンテンツを正常に除外するにはどうすればよいですか？

javascriptnpmwebpack
8
NewScientists

フォルダー構造がどのように見えるかに応じて、除外する適切なディレクトリの場所を提供していません。私はこのようなものがうまくいくと思いますが、もしそうでなければフォルダ構造を共有してください。

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')
  }
};
7
Chris Hawkes