1. 程式人生 > 其它 >babel@7 配置以及依賴列表

babel@7 配置以及依賴列表

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 } ] ] };