monaco editor vite2 汉化教程

安装插件:

yarn add -D rollup-plugin-monaco-editor-nls

添加插件 vite.config.ts:

Vite 有预加载功能，在开发阶段需要使用esbuildPluginMonacoEditorNls

import { defineConfig } from "vite";
import monacoEditorNlsPlugin, {
    Languages,
    esbuildPluginMonacoEditorNls,
} from "rollup-plugin-monaco-editor-nls";
const is_dev = process.env.NODE_ENV === "development";

// https://vitejs.dev/config/
export default defineConfig({
    resolve: {
        alias: {
            "@": resolve("./src"),
        },
    },
    build: {
        sourcemap: true,
    },
    optimizeDeps: {
        esbuildOptions: {
            plugins: [
                esbuildPluginMonacoEditorNls({ locale: Languages.zh_hans }),
            ],
        },
    },
    plugins: [!is_dev && monacoEditorNlsPlugin({ locale: Languages.zh_hans })],
});

github 地址 欢迎给star