为UNIAPP项目添加less、scss、stylus支持

文章内容已过期，最新版HBuilderX在处理less、scss、stylus时无需如此复杂。HBuilderX插件管理里安装less等编译插件后可直接使用。
但以下内容对typescript、coffeescript、pug仍然有效，使用下面的方式更换对应loader。
有个注意，uni-app插件目录会随着uni-app插件的升级而被替换。

==============分割线==============

1. 找到HBuilderX安装目录下的 plugins\uniapp 目录

2. 在该目录下的命令行窗口执行 npm install less less-loader --save（可使用cnpm）安装加载器

3. 打开plugins\uniapp\build\webpack.base.conf.js 文件，添加

   {  
   test: /\.less$/,  
   loader: "style-loader!css-loader!less-loader",  
   }

   到module.rules下。

4. 然后就可以在vue文件中使用less编写css了，例：
   <style lang="less">
   @import "../../static/css/tools.less";
   </style>