create-react-app支持decorators

create-react-app支持decorators

yarn add @babel/core @babel/plugin-proposal-decorators @babel/preset-env

1、创建.babelrc

{
    "presets":[
        "@babel/preset-env"
     ],
     "plugins":[
        [
            "@babel/plugin-proposal-decorators",
            {
                "legacy" : true
            }
        ]
     ]
}

2、创建config-overrides.js

const path = require('path')
const { override,addDecoratorsLegacy } = require( ' customize-cra ' )

function resolve(dir) {
    return path.join(_dirname, dir)
}

const customize = ()=> ( config, env) =>{
    config.resolve.alias['@']= resolve ('src')
    if (env === 'production') {
        config.externals = {
            'react' : 'React' ,
            'react-dom' : 'ReactDOM'
        }
    }
    return config
}

module.exports = override ( addDecoratorsLegacy( ), customize( ) )

3、安装依赖

yarn add customize-cra react-app-rewired

4、修改package.json

" scripts " : {
    "start" : "react-app-rewired start",
    "build" : "react-app-rewired build"，
    "test" : "react-app-rewired test",
    "eject" : "react-app-rewired eject",
}