Concat và rút gọn các tệp CSS bằng Webpack mà không yêu cầu chúng

Question

Tôi đã và một phần cũ của ứng dụng chứa một số tệp CSS được nối và được rút gọn bằng tập lệnh gulp.

Và tôi đã có một ứng dụng mới đi kèm với Webpack.

Có thể lắp ráp CSS cũ với Webpack mà không cần bất kỳ cuộc gọi yêu cầu bổ sung nào không? Chỉ nhận được tất cả CSS từ old_css/**/*. Css, concat, minify và ghi vào asset/old.css?

Answer 1

Bạn có thể đạt được điều này bằng cách "yêu cầu" các tệp CSS qua một riêng biệt entry. Bạn sẽ kết thúc với một cái gì đó như thế này:

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

Bạn sẽ kết thúc với một tệp JavaScript được đặt tên sau mục nhập phong cách của bạn ngoài tệp CSS. Bạn có thể bỏ qua điều đó, mặc dù.