首先安裝一個依賴包yarn add babel-plugin-transform-decorators-legacy -D，這種寫法會將依賴包載入到devDependencies中，而不是dependencies第一個是隻用於開發環境，第二個要用於生產環境。所以生產環境中用不到的包就可以直接新增到第一個裡面就好了。

安裝了依賴包之後，在根目錄下面新建一個.babelrc來覆蓋一些eslint的預設操作。

{
    "presets": [
      "env",
      "stage-0"
    ],
    "plugins": ["transform-decorators-legacy"]
}
 

這樣可以保證編譯的時候不報錯了，但是你會發現被裝飾器裝飾的方法或者類下面會有小紅線，這樣可以在根目錄下面新建jsconfig.json

{
"compilerOptions": {
    "experimentalDecorators": true,
    "target": "es2017"
},
"exclude": [
    "node_modules",
    "dist"
],
"include": [
    "src",
    "env",
    "static"
]

}

這樣一來是不是感覺世界都清淨了呢。