2023-11-04

Astro-Babel插件


将Astro生成的HTML的行内JS脚本和JS文件用babel转换为老版本浏览器可运行的脚本并压缩

快速开始

1. npm安装

https://www.npmjs.com/package/astro-babel

> npm install astro-babel --save-dev
2. 配置astro.config

babelScripts构造器的参数为babel配置

import { defineConfig } from 'astro/config';
import babelScripts from "astro-babel";
export default defineConfig({
  integrations: [ 
    babelScripts({
      presets: [
        ['minify', {
        builtIns: false,
        evaluate: false,
        mangle: false,
        }], 
        ["@babel/preset-env", { 
          "modules": false 
        }]
      ]
    })
  ]
});