gpt4 book ai didi

css - 将 assets 文件夹中的 css 文件链接到 webpack html 模板文件

转载 作者:行者123 更新时间:2023-11-28 00:51:04 25 4
gpt4 key购买 nike

我有一个像这样的模板 html 文件

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>aquaWeb</title>
<link rel="stylesheet" type="text/css" href="???">
</head>
<body>
<div id="app">
<div class="some-placeholder">
I want to stylize this placeholder
</div>
</div>
</body>
</html>

我想使用 /assets/css/placeholder.css 中定义的规则对占位符进行样式化。如何将该 CSS 文件附加到此模板中?

最佳答案

您可以使用 html-webpack-include-assets-plugin以便将外部资源添加到 html。

var HtmlWebpackIncludeAssetsPlugin = require('html-webpack-include-assets-plugin');

/// ...

plugins: [
new HtmlWebpackPlugin(),
new HtmlWebpackIncludeAssetsPlugin({
assets: [
'path/to/your/css/placeholder.css'
],
append: true })
]

关于css - 将 assets 文件夹中的 css 文件链接到 webpack html 模板文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53220492/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com