Javascript Webpack从目录绑定了所有文件

Javascript Webpack从目录绑定了所有文件,javascript,webpack,Javascript,Webpack,我将项目与Webpack1捆绑在一起。项目由几个文件夹组成。我注意到,没有在任何地方导入的js文件也会在包中结束。为什么会这样 正如我所知,Webpack应该解析依赖关系图并绑定相关文件。但它似乎只是绑定了项目目录中的所有文件 以下是我的配置的一部分: entry: { app: [path.resolve(__dirname, '../src/main.js')] }, output: { path: path.resolve(__dirname, '../dist

我将项目与Webpack1捆绑在一起。项目由几个文件夹组成。我注意到,没有在任何地方导入的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'],
  },

从解析扩展中删除空字符串

我更喜欢这样使用loaders模块:

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'
        }
    ]
},

我导入React时没有.js扩展名。所以删除空字符串会导致错误。