Связывание туза с пользовательской темой вне каталога темы по умолчанию в приложении Angular 2

Question

В моем Angular 2 (построен с угловым 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

Если туз не знает тему (или режим), то он будет пытаться загрузить или «GET» файл локально с вашего веб-сервера, поэтому вы получаете этот запрос: GET http://localhost:4200/theme-my-theme.js

Хитрость есть, вам нужно зарегистрировать свою тему с Ace. Посмотрите, как работают темы Ace. Например, тема-monokai.js начинается с этой строки:

define("ace/theme/monokai",["require","exports","module","ace/lib/dom"], function(require, exports, module) { 

Эта строка определяет тему под названием «monokai».