html-webpack-plugin插件的作用

最新推荐文章于 2024-08-09 07:16:37 发布

门门men

最新推荐文章于 2024-08-09 07:16:37 发布

阅读量3.1k

点赞数

分类专栏： Vue 文章标签： vue.js

本文链接：https://blog.csdn.net/Menqq/article/details/107729139

版权

Vue 专栏收录该内容

44 篇文章 3 订阅

订阅专栏

html-webpack-plugin插件的作用

html-webpack-plugin插件的基本作用就是生成html文件

实例化该插件时可以不配置任何参数

var HtmlWebpackPlugin = require('html-webpack-plugin')
    
webpackconfig = {
    ...
    plugins: [
        new HtmlWebpackPlugin()
    ]
}

不配置任何选项的html-webpack-plugin插件，他会默认将webpack中的entry配置所有入口thunk和extract-text-webpack-plugin抽取的css样式都插入到文件指定的位置。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Webpack App</title>
  <link href="index-af150e90583a89775c77.css" rel="stylesheet"></head>
  <body>
  <script type="text/javascript" src="common-26a14e7d42a7c7bbc4c2.js"></script>
  <script type="text/javascript" src="index-af150e90583a89775c77.js"></script></body>
</html>