将Ace链接到Angular 2应用程序中默认主题目录之外的自定义主题

Question

在我的Angular 2中（使用angular-cli构建）我试图将Ace编辑器链接到我的自定义主题，该主题将放在我的应用程序的资产文件夹src/app/assets中，而不是隐藏在node_modules中。

在angular-cli.json我有：

"scripts": [
    "../node_modules/ace-builds/src-min/ace.js",
    "./assets/my-theme.js"
],

但是devtools控制台向我吐出404： GET http://localhost:4200/theme-my-theme.js

我似乎找不到引用它的好方法。错误保持不变，因为请求查看localhost：4200，只更改我想要获取的文件名。

我想我错过了基本路径上的一些关键信息。

Answer 1

如果ace不知道主题（或模式），那么它将尝试下载或＆＃34; GET＆＃34;来自您的网络服务器的本地文件，这就是您收到此请求的原因：grunt-sass

诀窍是，你需要用Ace注册你的主题。看看Ace提供的主题如何运作。例如，theme-monokai.js从这一行开始：

GET http://localhost:4200/theme-my-theme.js

该行定义了一个名为＆＃34; monokai＆＃34;。

的主题

Answer 2

ace.config.set('basePath', '/libs/ace');