babel@7 配置以及依賴列表
阿新 • • 發佈:2022-03-24
1.安裝依賴
npm install @babel/cli @babel/core @babel/plugin-transform-runtime @babel/preset-env @babel/preset-typescript @babel/runtime-corejs3 core-js --save-dev
or
pnpm add @babel/cli @babel/core @babel/plugin-transform-runtime @babel/preset-env @babel/preset-typescript @babel/runtime-corejs3 core-js --save-dev
or
yarn add @babel/cli @babel/core @babel/plugin-transform-runtime @babel/preset-env @babel/preset-typescript @babel/runtime-corejs3 core-js --save-dev
2.專案根目錄新建配置檔案babel.config.js 或者 babel.config.json 或.babelrc
配置:
module.exports = { presets: [ [ // babel預設 '@babel/preset-env', {// 使用corejs 3的版本 corejs: 3, // 按需載入 useBuiltIns: 'usage', // 不使用模組化 交給其它打包工具處理 modules: false } ], [ // typescript, '@babel/preset-typescript', { isTSX:true, allExtensions: true } ] ], plugins: [ [ // 只引入用到的模組 '@babel/plugin-transform-runtime', { corejs: 3, helpers: true, regenerator: true, useESModules: false } ] ] };