需求
站在用户的角度思考问题，与客户深入沟通，找到汉阳网站设计与汉阳网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：成都网站设计、网站制作、外贸营销网站建设、企业官网、英文网站、手机端网站、网站推广、域名申请、虚拟主机、企业邮箱。业务覆盖汉阳地区。
自从有了postcss来处理css文件，我们可以快速进行网站适配的开发，只需要改改参数，样式按照设计稿的px写，webpack编译自动转换成rem或者vw等。
但是，标签内的px怎么办呢？postcss并不提供转换这个的功能。
探索
启动思路
我正在做一个vue项目，刚好想要实现上面提到的需求，例如下面的例子
Test
我希望他能根据我设置的基准值自动转换成vw。
Test
要想实现这样一个东西，离不开编译工具webpack，webpack有loader、plugin，用什么好呢？通过找资料，我从一篇px转rem的文章中得到了提示 react内联样式使用webpack将px转rem
没错，就是webpack-loader
写一个webpack loader，在webpack编译阶段，读取vue文件里面的内容，通过正则识别出需要转换的像素px，再通过公式转换成vw。
开始行动
1、了解loader的实现原理
写一个loader很简单，传入source，干些坏事，干完之后，返回处理过的source。source对应的是每一个通过loader匹配到的文件。
module.exports = function (source) {
// 干些坏事
return source
}
2、如何让loader干坏事
先看一个简单的vue文件，通常分为3部分，、
我们知道