Vite Plugin monaco-editor-nls

Install:

1yarn add -D vite-plugin-monaco-editor-nls

Using

Add this plugin in vite.config.ts：

1import MonacoEditorNlsPlugin, {
2    esbuildPluginMonacoEditorNls,
3    Languages,
4} from 'vite-plugin-monaco-editor-nls';
5
6// https://vitejs.dev/config/
7export default defineConfig({
8    resolve: {
9        alias: {
10            '@': resolve('./src'),
11        },
12    },
13    build: {
14        sourcemap: true,
15    },
16    optimizeDeps: {
17        /** vite >= 2.3.0 */
18        esbuildOptions: {
19            plugins: [
20                esbuildPluginMonacoEditorNls({
21                    locale: Languages.zh_hans,
22                }),
23            ],
24        },
25    },
26    plugins: [
27        reactRefresh(),
28        MonacoEditorNlsPlugin({locale: Languages.zh_hans}),
29    ],
30});

Joying it

1pnpm run example

Using custom locale

It dependency on vscode-loc to get the locales.

• First

pnpm add -D git+https://github.com/microsoft/vscode-loc.git

If this is slow, you can try to copy a copy using gitlab.

like this pnpm add -D git+https://jihulab.com/james-curtis/vscode-loc

• Then

1import reactRefresh from '@vitejs/plugin-react-refresh';
2import {resolve} from 'path';
3import {defineConfig} from 'vite';
4import MonacoEditorNlsPlugin, {
5    esbuildPluginMonacoEditorNls,
6    Languages,
7} from 'vite-plugin-monaco-editor-nls';
8import Inspect from 'vite-plugin-inspect';
9
10const zh_CN = require('vscode-loc.git/i18n/vscode-language-pack-zh-hans/translations/main.i18n.json')
11
12// https://vitejs.dev/config/
13export default defineConfig({
14    base: './',
15    resolve: {
16        alias: {
17            '@': resolve('./src'),
18        },
19    },
20    build: {
21        sourcemap: true,
22    },
23    optimizeDeps: {
24        /** vite 版本需要大于等于2.3.0 */
25        esbuildOptions: {
26            plugins: [
27                esbuildPluginMonacoEditorNls({
28                    locale: Languages.zh_hans,
29                    /**
30                     * The weight of `localedata` is higher than that of `locale`
31                     */
32                    localeData: zh_CN.contents
33                }),
34            ],
35        },
36    },
37    plugins: [
38        reactRefresh(),
39        Inspect(),
40        MonacoEditorNlsPlugin({
41            locale: Languages.zh_hans,
42            /**
43             * The weight of `localedata` is higher than that of `locale`
44             */
45            localeData: zh_CN.contents
46        }),
47    ],
48});
49

Question

1. Incomplete localization

try using custom locale , please