手写一个小程序开发工具(可以写 插件 可以写 小程序)

正文

起因

• 为什么要撸一个这种？

自己没找到市面上写小程序插件 一类的简易方式

• 自己写有什么优势

• 之前 用Taro 的时候 出现了一些问题，在React 的部分语法不兼容，找了半天没发现原因
• 现在都在说多端代码复用，怎么复用，其原理 光大概知道不重要，还需要 自己写一下了解一下有什么坑
• 手动写一下 也是对自己的能力检验，发现不足，提升自己

• 写的目标是？

• 第一阶段：能大概用 Vue 的语法写 小程序
• 第二阶段：能导出成Vue 打包项目
• 第三阶段：能覆盖 市面上大部分小程序语法（这个主要是 做映射 关系，和区分不同小程序的特殊 属性情况）

需要了解的知识

• AST
• Gulp
• Babel
• Umd
• Parse5
• Postcss

而外的

• Eslint
• Prettier
• Vue

引用到的包

{
   
	"@babel/core": "^7.11.6",
    "@babel/plugin-transform-runtime": "^7.11.5",
    "@babel/preset-env": "^7.11.5",
    "eslint": "^7.11.0",
    "eslint-plugin-prettier": "^3.1.4",
    "gulp": "^4.0.2",
    "gulp-babel": "^8.0.0",
    "gulp-clean": "^0.4.0",
    "gulp-cli": "^2.3.0",
    "gulp-less": "^4.0.1",
    "gulp-postcss": "^9.0.0",
    "gulp-rename": "^2.0.0",
    "gulp-uglify": "^3.0.2",
    "gulp-umd": "^2.0.0",
    "less-plugin-autoprefix": "^2.0.0",
    "parse5": "^6.0.1",
    "postcss-px2units": "^0.2.0",
    "prettier": "^2.1.2",
    "serialize-javascript": "^5.0.1"
}

语法糖映射关系