HtmlWebpackPlugin以inine方式引入JS/CSS文件

来源:互联网 发布:java工作流引擎有哪些 编辑:程序博客网 时间:2024/06/11 09:28

  当我们使用HtmlWebpackPlugin生成html的时候,一般结构如下所示:

<!DOCTYPE html><html>  <head>    <meta charset="UTF-8">    <title>hello world</title>  <link href="css/main.css?da7d86ee4d65ba94b1ed" rel="stylesheet"></head>  <body>  <script type="text/javascript" src="js/main.js?da7d86ee4d65ba94b1ed"></script></body></html>

  JS文件以src方式引入到html中,这样会存在一个问题,那就是会增加一些http请求来获取文件。这个时候我们就想怎么可以以inline的方式来引入这些文件呢?

在webpack官方文档中给出了这样的示例,大家可以参考html-webpack-plugin 示例进行配置。

原创粉丝点击