带有webpack的ACE编辑器

Question

如何在webpack中使用ACE编辑器？ ACE编辑器可以动态加载语法突出显示或代码片段等扩展。但是，webpack尝试静态加载脚本。

Answer 1

您可以使用兼容浏览器的大括号

npm install --save brace

然后在你的一个javascript文件中，你可以像这样包含它

var brace = require('brace'); require('brace/mode/javascript'); require('brace/theme/monokai');

如果您使用带有es6的webpack，则可以

import brace from 'brace' import 'brace/mode/javascript' import 'brace/theme/monokai'

您可以在此处查看更多内容 - https://www.npmjs.com/package/brace

我使用ace的反应包装器，可以在这里找到

https://github.com/securingsincity/react-ace