如何在webpack上请求原始的静态html文件

在webpack上请求原始的静态HTML文件，可以通过使用html-webpack-plugin插件来实现。

html-webpack-plugin是一个webpack插件，用于生成HTML文件，并将打包后的资源自动注入到HTML文件中。它可以根据配置生成多个HTML文件，并支持自定义模板。

以下是实现的步骤：

1. 首先，安装html-webpack-plugin插件。可以使用npm或者yarn进行安装。

npm install html-webpack-plugin --save-dev

1. 在webpack的配置文件中，引入html-webpack-plugin插件。

const HtmlWebpackPlugin = require('html-webpack-plugin');

1. 在plugins配置中，添加html-webpack-plugin的实例。

plugins: [

 new HtmlWebpackPlugin({

   template: 'src/index.html', // 指定HTML模板文件

   filename: 'index.html', // 生成的HTML文件名

 }),

],

在上述配置中，template指定了HTML模板文件的路径，可以根据实际情况进行修改。filename指定了生成的HTML文件的名称，也可以根据需要进行修改。

1. 在webpack的入口文件中，使用import或者require语句引入HTML文件。

import './index.html';

或者

require('./index.html');

这样，webpack会将HTML文件作为模块处理，并将其添加到打包后的输出中。

1. 运行webpack打包命令，即可生成包含原始静态HTML文件的打包文件。

webpack

通过以上步骤，就可以在webpack上请求原始的静态HTML文件了。html-webpack-plugin插件会根据配置生成HTML文件，并将打包后的资源自动注入到HTML文件中。这样可以方便地管理和使用静态HTML文件，并且可以与webpack的打包过程无缝集成。

推荐的腾讯云相关产品：腾讯云对象存储（COS）。

腾讯云对象存储（COS）是一种高可用、高可靠、强安全的云存储服务，适用于存储和处理任意类型的文件，包括文本、图片、音视频等。它提供了简单易用的API接口和丰富的功能，可以满足各种存储需求。

产品介绍链接地址：腾讯云对象存储（COS）