Question

我想为我的js块使用html-webpack-plugin only 。 Bundle.css由extract-text-plugin生成：

cf login -a

HtmlWebpackPlugin选项：

new ExtractTextPlugin({filename: 'bundle.css, allChunks: true})

我的tpl.html看起来像这样：

＆＃13;

new HtmlWebpackPlugin({template: 'template/tpl.html', inject: true})

＆＃13;

我希望在index.html中看到类似的内容：

＆＃13;

<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Cash Management</title>
    <link href="getResource?resource=build/bundle.css&mediaType=text/css" rel="stylesheet">
</head>
<body>
<div id='root' />
</body>

</html>

＆＃13;

有人可以指出我正确的方向吗？

Answer 1

您可以使用html-webpack-exclude-assets-plugin

有了它，您可以排除阻止它们自动粘贴的资产。您还可以使用lodash语法向模板插入路径。

<link href="getResource?resource=<%= htmlWebpackPlugin.files.css[0] %>&mediaType=text/css" rel="stylesheet">

如何从html-webpack-plugin生成的index.html中排除bundle.css？

1 个答案: