【问题标题】:ACE editor with webpack带有 webpack 的 ACE 编辑器
【发布时间】:2017-01-17 07:33:46
【问题描述】:

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

【问题讨论】:

    标签: javascript webpack ace-editor


    【解决方案1】:

    您可以使用与 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/securingsincity/react-ace

    【讨论】:

    • 我需要支持多种语言、样式,以便用户可以即时切换语言或样式。
    • 这似乎会引发 CSP 错误。你解决了这种行为吗?修改webpack.config.js 中的devtools 参数似乎并不能阻止CSP 错误。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-11-25
    相关资源
    最近更新 更多