extract-text-webpack-plugin用法详解

最近在做一个项目，项目本身是用vue-cli创建的单页面应用，由于项目扩展需要创建多页面，所以需要对不同的html分别进行css文件打包。打包样式有两种方法，一种是使用style-loader自动将css代码放到生成的style标签中，并且插入到head标签里。另一种就是使用extract-text-webpack-plugin插件，将样式文件单独打包，打包输出的文件由配置文件中的output属性指定。1 插件安装：2 插件使用在webpack.config.js中引入在实例上也有个 extract function。配置是相同的, 根据需求使用 sass-loader 取代 less-loader。如果你运行 webpack 发现 urls resolve 不对。你可以使用 options 扩展 loader 功能。filename 参数可以是 Function。通过传入 getPath 去处理像 css/[name].css 的格式，返回一个真正的文件名， css/js/a.css。你可以替换 css/js 为 css，这样你可以得到一个新的路径 css/a.css。