vite2 打包 es6 转 es5
要使用 Vite2 打包 ES6 转 ES5,可以按照以下步骤进行操作:
-
确保已经安装了 Node.js 和 npm。
-
创建一个新的 Vite2 项目,可以在终端中运行以下命令:
npm init vite@latest -
进入项目目录,安装依赖:
cd your-project-name npm install -
安装
@babel/preset-env和@babel/core插件,用于将 ES6 转换为 ES5:npm install --save-dev @babel/preset-env @babel/core -
创建一个名为
.babelrc的文件,并将以下内容添加到文件中:{ "presets": ["@babel/preset-env"] } -
修改
vite.config.js文件,将esbuild替换为vite-plugin-babel,并添加以下配置:import { defineConfig } from 'vite' import babel from '@rollup/plugin-babel' export default defineConfig({ plugins: [ babel({ babelHelpers: 'bundled', exclude: 'node_modules/**', }), ], }) -
修改
package.json文件,将scripts部分的build命令修改为:"scripts": { "build": "vite build" } -
现在可以运行以下命令打包项目:
npm run build
这样,Vite2 将会使用 Babel 插件将 ES6 代码转换为 ES5,并生成在 dist 目录下的打包文件
原文地址: https://www.cveoy.top/t/topic/hz20 著作权归作者所有。请勿转载和采集!