Webpack - 管理ダッシュボード用にCSS/JSバンドルを分離

Question

現在の設定では、JavascriptとCSSが別々にバンドルされています。しかし、私は自分のサイトの管理ダッシュボードにのみ関連する特定のスタイルとJSを持っており、それらをstyles.cssスタイルシートに含めることは望ましくありません。

これは可能ですか？

var path = require('path'); 
var ExtractTextPlugin = require('extract-text-webpack-plugin'); 

module.exports = { 
    entry: './lib/js/entry.js', 
    output: { 
     path: path.resolve(__dirname, 'public'), 
     filename: 'main.js' 
    }, 
    module: { 
     rules: [ 
      { 
       test: /\.(js|jsx)$/, 
       use: 'babel-loader' 
      }, 
      { 
       test: /\.css$/, 
       use: ExtractTextPlugin.extract({ 
        fallbackLoader: 'style-loader', 
        loader: [ 
         'css-loader?importLoaders=1', 
         'postcss-loader' 
        ] 
       }) 
      }, 
      { test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "url-loader?limit=10000&minetype=application/font-woff" }, 
      { test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "file-loader" } 
     ] 
    }, 
    plugins: [ 
     new ExtractTextPlugin("styles.css") 
    ] 
} 

Answer 1

チェックアウトcode splitting guide：

は、ここに私の現在のWebPACKの構成です。考えられる解決策はmultiple entries、またはCommonsChunkPluginを使用して解決します。