TypeScript & Babel All In One


TypeScript & Babel All In One

$ yarn add -D @babel/cli @babel/core @babel/preset-env @babel/preset-typescript


{
    "presets": [
        ["@babel/preset-env", {
            "modules": false,
            "targets": {
                "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
            }
        }],
        "@babel/preset-react"
    ],
    "plugins": [
        "lodash",
        "@babel/plugin-transform-runtime",
        ["@babel/plugin-proposal-decorators", { "legacy": true }],
        "@babel/plugin-proposal-class-properties",
        "@babel/plugin-syntax-dynamic-import",
        "react-hot-loader/babel",
        [
            "import",
            {
                "libraryName": "antd",
                "style": true
            }
        ]
    ]
}

{

    "@babel/core": "7.8.0",
    "@babel/eslint-parser": "7.11.4",
    "babel-loader": "8.1.0",
    "babel-plugin-import": "1.13.0",
    "babel-plugin-lodash": "3.3.4",
    "@babel/plugin-syntax-dynamic-import": "7.8.3",
    "@babel/plugin-proposal-class-properties": "7.10.4",
    "@babel/plugin-proposal-decorators": "7.10.5",
    "@babel/plugin-transform-runtime": "7.11.0",
    "@babel/preset-env": "7.11.0",
    "@babel/preset-react": "7.10.4",
    "@babel/runtime": "7.11.2",

}

new react project

babel 7+

babel

old react project

babel 6-

tsc + babel

refs



©xgqfrms 2012-2020

www.cnblogs.com 發布文章使用:只允許注冊用戶才可以訪問!

原創文章,版權所有©️xgqfrms, 禁止轉載 🈲️,侵權必究⚠️!



免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM