Javascript 如何使用html网页包插件将文件加载器所需的css文件包含到index.html中

我想在不使用

样式加载器

或

css加载器

的情况下加载css。因为它增加了包的大小。所以我使用

文件加载器

来加载css文件。这将生成一个css文件，其文件名为随机哈希，如

2309843904.css

。现在我如何将其包含在

index.html

中。 我使用

html网页包插件

，但我不知道如何将此css文件包含在

index.html

中，与样式加载器和css加载器一起使用，根据将执行相同的操作。它将把CSS从包中剥离到一个单独的文件中，并通过html头部的注入链接标记加载它。例如，可以对名称进行散列，如下所示：

      //webpack config module.rules
      {
        test: /\.(sa|sc|c)ss$/,
        loaders: [
          MiniCssExtractPlugin.loader,
          'css-loader',
          ...
        ],
      },
      //then in module.plugins
    new MiniCssExtractPlugin({
      filename: '[name].[contenthash].css',
      chunkFilename: '[name].[contenthash].css',
    }),

按照与样式加载器和css加载器一起使用将执行相同的操作。它将把CSS从包中剥离到一个单独的文件中，并通过html头部的注入链接标记加载它。例如，可以对名称进行散列，如下所示：

      //webpack config module.rules
      {
        test: /\.(sa|sc|c)ss$/,
        loaders: [
          MiniCssExtractPlugin.loader,
          'css-loader',
          ...
        ],
      },
      //then in module.plugins
    new MiniCssExtractPlugin({
      filename: '[name].[contenthash].css',
      chunkFilename: '[name].[contenthash].css',
    }),

---

如何将输出css文件包含在index.html中？MiniCSS将其注入。我不认为使用css文件加载器而不是css加载器真的节省了任何东西，所有加载器都做同样的事情。mini css将样式提取到一个单独的文件中，将标记注入html头部，从而对css文件发出单独的网络请求。如何将输出css文件包含在index.html中？mini css将其注入。我不认为使用css文件加载器而不是css加载器真的节省了任何东西，所有加载器都做同样的事情。minicss将样式提取到一个单独的文件中，将标记注入html头部，从而对css文件发出单独的网络请求。