Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/396.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 有没有一种方法可以创建多个HTML,并对Web包中的每个HTML使用相同的捆绑包?_Javascript_Webpack_Webpack 4 - Fatal编程技术网

Javascript 有没有一种方法可以创建多个HTML,并对Web包中的每个HTML使用相同的捆绑包?

Javascript 有没有一种方法可以创建多个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

我正在尝试使用webpack创建不同的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网页包插件