Question

我将项目与webpack捆绑在一起1.项目由几个文件夹组成。我注意到没有在任何地方导入的js文件也会在bundle中结束。为什么会这样？

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

Webpack捆绑了来自dir

1 个答案: