Webpackディレクトリからすべてのファイルをバンドル

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