Concat e riduci i file CSS con Webpack senza richiederli

Question

Ho una vecchia parte di un'applicazione che contiene alcuni file CSS concatenati e miniati con lo script gulp.

E ho una nuova applicazione in bundle con Webpack.

È possibile assemblare il vecchio CSS con Webpack senza ulteriori richieste di chiamate? Ottieni tutti i CSS da old_css/**/*. Css, concat, minify e scrivi in ​​assets/old.css?

Answer 1

È possibile ottenere ciò "richiedendo" i file CSS tramite un entry separato. Vi ritroverete con qualcosa di simile:

{ 
    entry: { 
     styles: glob('old_css/**/*.css'), // array of css files 
     ... 
    }, 
    output: { 
     filename: '[name].[chunkhash].js', 
     ... 
    }, 
    module: { 
     loaders: [ 
      { 
       test: /\.css$/, 
       loader: ExtractTextPlugin.extract("style-loader", "css-loader") 
      }, 
      ... 
     ] 
    }, 
    plugins: [ 
     new ExtractTextPlugin('[name].[chunkhash].css'), 
     ... 
    ], 
    ... 
} 

si ritroverà con un file JavaScript che prende il nome la voce stile in aggiunta al file CSS. Puoi ignorarlo, però.