Webpack捆綁了dir中的所有文件

Question

我將項目與webpack 1捆綁在一起。項目由幾個文件夾組成。 我注意到未導入任何地方的js文件也最終出現在捆綁包中。 為什么會發生？

據我所知，Webpack應該解決依賴關系圖並對其進行捆綁文件。但是似乎它只是捆綁了項目目錄中的所有文件。

這是我的配置的一部分：

  entry: {
    app: [path.resolve(__dirname, '../src/main.js')]
  },
  output: {
    path: path.resolve(__dirname, '../dist'),
    filename: '[name].[hash].js',
    publicPath: '/',
    chunkFilename: '[id].chunk.js'
  },
  resolve: {
    extensions: ['', '.js', '.jsx'],
  },

Answer 1

從解決擴展中刪除空字符串。

我更喜歡這樣使用加載程序模塊：

module: {
    loaders: [
        {
            test: /\.jsx?$/,
            exclude: /(node_modules|bower_components)/,
            loader: 'babel-loader',
            query: {
                presets: ['react', 'es2015', 'stage-0', 'es2015-ie'],
                plugins: ['react-html-attrs', 'transform-class-properties', 'transform-decorators-legacy'],
            }
        },
        {
            test: /\.json$/,
            loader: 'json-loader'
        }
    ]
},