如何使用extract-text-webpack-plugin插件进行文本提取？

本文共计772个文字，预计阅读时间需要4分钟。

一、背景最近完成了一个项目，该项目使用vue-cli创建的单页面应用。随着项目扩展，需要创建多页面，因此需要对不同的HTML文件分别进行CSS文件打包。

于是开始研究extract-text-webpack-plugin插件。

一 背景

最近在做一个项目，项目本身是用vue-cli创建的单页面应用，由于项目扩展需要创建多页面，所以需要对不同的html分别进行css文件打包。于是开始研究extract-text-webpack-plugin插件。

二 插件介绍

打包样式有两种方法，一种是使用style-loader自动将css代码放到生成的style标签中，并且插入到head标签里。另一种就是使用extract-text-webpack-plugin插件，将样式文件单独打包，打包输出的文件由配置文件中的output属性指定。然后我们在入口HTML页面写个link标签引入这个打包后的样式文件。