webpack: inline css только на главной странице

Question

В настоящее время я использую «extracttextplugin», чтобы переместить элемент chss для ввода в отдельный файл CSS вывода. То, что я хотел бы сделать или знать, - это если Webpack способен встраивать определенные куски CSS в заголовок?

Answer 1

Вы можете добиться этого с HTMLWebpackPlugin и StyleExtHtmlWebpackPlugin:

module: { 
    loaders: [ 
    { test: /^(?!.*\.critical).*\.css$/, loader: 'style-loader!css-loader' } 
    { test: /\.critical\.css$/, loader: StyleExtHtmlWebpackPlugin.inline() } 
    ]   
}, 

plugins: [ 
    new HtmlWebpackPlugin(), 
    new StyleExtHtmlWebpackPlugin() 
] 

См GitHub: https://github.com/ampedandwired/html-webpack-plugin/issues/294