带有网络包的 ACE 编辑器

Question

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

Answer 1

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

npm install --save brace

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

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

如果你使用 webpack 和 es6 你可以做

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