webpack - html-webpack-plugin在生成html时包括本地链接的js和css文件

我有一个模板文件，可使用html-webpack-plugin生成最终的输出html文件。生成最终文件时，是否可以包含引用的本地文件？

我具有以下文件结构：

.\public\index.html
.\public\css\site.css

这是一个index.html模板文件：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title><%= htmlWebpackPlugin.options.title %></title>
    <link href="css/site.css" rel="stylesheet" />
</head>
<body>
    <div id="app"></div>
</body>
</html>

在webpack.config.js中，我具有以下内容：

....
plugins: [
        new HtmlWebpackPlugin({
            template: './public/index.html'
        })
    ]
...

这将生成。\ dist \ index.html文件，但是不会将。\ public \ css \ main.css复制到。\ dist \ css \ main.css中。

有没有办法做到这一点？

html-webpack-plugin在生成html时包括本地链接的js和css文件

0 个答案: