webpack：インラインCSSのみホームページで

Question

私は現在、 "extracttextplugin"を使ってエントリチャンクCSSを別々の出力CSSファイルに移動しています。 WebpackがCSSの特定のチャンクをヘッダーにインライン展開できるかどうかを知りたいと思いますか？

Answer 1

あなたがHTMLWebpackPluginとStyleExtHtmlWebpackPluginでこれを達成することができますhttps://github.com/ampedandwired/html-webpack-plugin/issues/294

：

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

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

はGitHubのを参照してください。