【js/css】装饰器全解

装饰器模式是结构型的设计模式之一；
结构型设计模式的主要特定就是给外挂，尽量不改动原代码；
使用的时候在转译阶段还需要一些操作，
主要有两种方法：

• ts
• babel

我们这里先分别说下这两种：

1. ts

使用tsc转译下
npm i typescript -g

tsc flat-1-1-装饰器使用.ts

文件夹出现了flat-1-1-装饰器使用.js
用node运行这个js文件就可以了

2. babel

npm install babel-preset-env babel-plugin-transform-decorators-legacy --save-dev

在.babelrc中
{
  "presets": ["env"],
  "plugins": ["transform-decorators-legacy"]
}

全局装cli
npm install babel-cli -g

输出转译文本,-o输出前的文件是输入，-o后的是输出文件
babel test.js -o babel_test.js

然后我们就可以用常规手段运行babel_test.js了

todo …