Javascript 有没有一种方法可以创建多个HTML,并对Web包中的每个HTML使用相同的捆绑包?
我正在尝试使用webpack创建不同的htmlJavascript 有没有一种方法可以创建多个HTML,并对Web包中的每个HTML使用相同的捆绑包?,javascript,webpack,webpack-4,Javascript,Webpack,Webpack 4,我正在尝试使用webpack创建不同的html { test: /\.html$/, use: { loader: "html-loader" } } 这将在构建过程中生成html,但由于某些原因,CSS不适用于那些.html(不包括其工作的index.html)。为此,您可以使用多个html网页包插件 const HtmlWebpackPlugin = require('html
{
test: /\.html$/,
use: {
loader: "html-loader"
}
}
这将在构建过程中生成html,但由于某些原因,CSS不适用于那些.html(不包括其工作的
index.html
)。为此,您可以使用多个html网页包插件
const HtmlWebpackPlugin = require('html-webpack-plugin');
// ...
module.exports = {
// ...
module: {
rules: [
{
test: /\.html$/,
use: {
loader: "html-loader"
}
}
]
},
plugins: [
//...
new HtmlWebpackPlugin({
template: './views/index1.html',
filename: 'index1.html',
}),
new HtmlWebpackPlugin({
template: './views/index2.html',
filename: 'index2.html',
}),
//..
]
};
html加载程序
的目的是让您可以加载html,例如使用import html from./file.html'代码>。然后您可以console.log(html);//“…”
或脚本中的任何内容。虽然您可以间接地使用它来生成新的html文件,但这不是html加载程序的任务。也许你正在考虑html网页包插件
?