如何在vux项目中同时使用postcss和less

最近写公司要写一个公众号商城，由于vux是基于vue的，学习成本较低，对比了几个框架后选择了vux。总结下在vux中遇到的坑。

    按照vux官网使用vue-cli创建项目模版，在npm install就遇到了坑，直接卡死在了下载core.js那，可能是公司网不好，果断换cnpm下载就成功了。

    写移动端适配是个问题，所以我们选择了紧跟大公司的步伐，选择了postcss，详细使用参考如何在Vue项目中使用vw实现移动端适配，vux默认是使用less，在使用组件中经常会遇到样式覆盖不了的问题，因为vue默认生成得style标签有 scoped属性，该属性标表示该标签内的样式只能在该组件中使用，直接把scoped属性删除就可以了，删除后可能会导致不同组件中样式互相覆盖，解决办法就是在组件中给最顶层div加个class，然后把组件内的样式全部嵌套到div中。

    为了解决移动端1px border问题，postcss提供了postcss-write-svg插件，该插件是提供使用svg图来成border-img或background-img，由于style标签中加了lang=“less”,导致使用插件时不编译，因为插件是基于postcss的，所以添加最后添加style标签添加属性lang=“postcss”,postcss-write-svg用法见下图