带有 webpack 的 ACE 编辑器

Tsu*_*oka 5 javascript ace-editor webpack

如何在 webpack 中使用 ACE 编辑器?ACE 编辑器可以动态加载语法高亮或代码片段等扩展。但是,webpack 尝试静态加载脚本。

el-*_*avo 4

您可以使用与 browserify 兼容的大括号

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/securesincity/react-ace