Как оптимизировать Monaco Editor с помощью React и Webpack 4 - PullRequest
Новая
       11

Как оптимизировать Monaco Editor с помощью React и Webpack 4

0 голосов
/ 11 декабря 2018

Я мог бы заставить его работать, используя реагирующий-монако-редактор и Webpack 4. Просто добавив MonacoWebpackPlugin, добились цели.

Теперь я пытаюсь выяснить, как оптимизироватьКонфиг для редактора Монако.Я собираюсь использовать только JS-код внутри него, и я хотел бы использовать только файлы для этого языка.

Глядя на анализатор пакетов пачек , файлы Монако имеют размер около 10 МБ, что является лутом!Кроме того, он загружает TS, CSS, JSON и т. Д.

Мой код до сих пор: 

// Webpack plugin config
new MonacoWebpackPlugin();

// Monaco editor options
const options = {
    automaticLayout: false,
    cursorStyle: 'line',
    fontSize: '14px',
    glyphMargin: true,
    lineHeight: '16px',
    readOnly: false,
    renderLineHighlight: 'none',
    roundedSelection: false,
    selectOnLineNumbers: false,
    minimap: {
        enabled: false,
    },
};

// My Component
<MonacoEditor
    language="javascript"
    options={options}
    value="// type your code here"
    onChange={(newValue, e) => console.log('on change monaco editor', newValue)}
    editorDidMount={(editor, monaco) => console.log('monaco editor did mount')}
/>

Чтобы лучше понять среду Монако, я пытаюсь изучить его документацию, ночестно говоря, это не так просто. API документации Monaco Editor

А также, act-monaco-editor проекта GitHub

Поэтому я хотел бы спросить, в каком направлении мне нужноидти?

Спасибо!

...