使用 Less

原生小程序不支持 Less，其它基于小程序的框架大体都支持，如 wepy ， mpvue ， taro 等

但是仅仅因为一个 Less 功能，而去引用一个框架，肯定是不可取的，因此可以用以下方式来实现：

  1. 编辑器是 vscode
  2. 安插插件 esay less

image.png

  1. 在 vscode 的设置中加入如下配置

    1. /* 将 .less 文件编译成 .wxss */
    2. "less.compile": {
    3.   "outExt": ".wxss" 
    4. }

  2. 在编写样式的地方，新建 less 文件，如 index.less ，然后正常编辑即可

支持 ES7 的 async 语法

  1. 在小程序的开发工具中，勾选 es6 转 es5
  2. 下载 facebook 的 regenerator 库的 regenerator/packages/regenerator-runtime/runtime.js
  3. 在小程序目录下新建文件夹 lib/runtime/runtime.js ，将代码拷贝进去
  4. 在每一个需要使用 async 语法的页面 js 文件中，都引入（不能全局引入）
  1. import regeneratorRuntime from '../../lib/runtime/runtime'