webpack学习(四)配置plugins
2019-06-08 00:24
1396 查看
1 plugins是什么???
如果学过vue和react肯定知道生命周期函数,而生命周期函数实际上就是当程序运行在某个时刻一定会发生的函数。
plugins其实也是如此,我们在项目中配置相应的plugins就是希望在打包过程中的一些时刻,一些场景下帮助我们做
一些事情。
2 HtmlWebpackPlugin
打开 webpack官网找到plugins一栏,我们找到最常见的 HtmlWebpackPlugin:
#HtmlWebpackPlugin#的介绍大致意思就是一句话:这个插件可以在打包后生成一个html文件,而这个文件你希望是什么样子那么你可以告诉webpack,就是给一个html模板
作为参照。另外如果在打包中有任何css文件,会出现在生成的html文件红的head或者link中。
3 如何配置???
文档说的很清楚,配置plugin就在 配置文件中 plugins这个关键字中添加 并且实例化即可。记住plugins这一项配置是数组。
如下:
注:plugin需不需要加一些参数看需求而定。项目中使用哪些插件可以先官网,或者网上查阅相关配置。
相关文章推荐
- 深入浅出Mybatis系列(六)---objectFactory、plugins、mappers简介与配置
- jmeter-plugins插件配置
- mybatis官网参考文档-XML配置_插件(plugins)(版本: 3.4.6-SNAPSHOT)
- cacti配置流量监控四---配置cacti-plugins-arch以及settings插件、thold报警插件
- Notepad++ QuickText 插件的 HTML 配置: \Notepad++\plugins\Config\QuickText.ini
- OGRE学习笔记之_配置文件Plugins.cfg
- 深入浅出Mybatis系列(六)---objectFactory、plugins、mappers简介与配置
- emacs24 plugins 配置
- objectFactory、plugins、mappers简介与配置
- Maven下载安装,并配置到tomcat产生Could not calculate build plan: Plugin org.apache.maven.plugins:maven-resource
- Azkaban-2.5及Plugins的安装配置
- 推荐-ubuntu 安装配置nrpe+nagios-plugins+openmanage
- Azkaban-2.5及Plugins的安装配置
- 深入浅出Mybatis系列(六)---objectFactory、plugins、mappers简介与配置
- webpack---webpack.config.js配置基本要素entry、output、loader、plugins等
- [转] 如何写好.babelrc?Babel的presets和plugins配置解析
- 深入浅出Mybatis系列(六)---objectFactory、plugins、mappers简介与配置
- 如何写好.babelrc?Babel的presets和plugins配置解析
- maven项目配置管理:plugins
- 深入浅出Mybatis系列(六)---objectFactory、plugins、mappers简介与配置