각도 2 앱의 기본 테마 디렉토리 외부에있는 사용자 정의 테마에 연결하기

내 앵귤러 2 (angular-cli로 빌드 됨)에 에이스 편집기를 내 앱 테마 폴더에 배치 할 사용자 정의 테마에 연결하려고합니다. src/app/assets에 묻히지 않고 node_modules에 묻습니다. angular-cli.json에서각도 2 앱의 기본 테마 디렉토리 외부에있는 사용자 정의 테마에 연결하기

나는이 :

"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을보고, 얻으려는 파일 이름 만 변경하면 오류는 동일하게 유지됩니다.

기본 경로에 중요한 정보가 누락되었다고 생각합니다. GET http://localhost:4200/theme-my-theme.js

트릭 : 에이스 테마 (또는 모드), 다음은 웹 서버에서 로컬로 "GET"파일을 다운로드하거나하려고합니다 알고하지 않는 경우

출처

2016-10-26 user776686

에이스 테마 옵션을 어떻게 설정합니까? –

처음에는'[theme] = ""clouds ""'을 사용 했었지만 맞춤 테마 위치에서는 충분하지 않을 수도 있으므로'this.editor.setTheme ('cloud')'로 이동 한 후 다양한 테마로 시도해 보았습니다. 경로. – user776686

, 즉이 요청을 얻고있는 이유 Ace에 테마를 등록해야합니다. 에이스가 제공 한 테마가 어떻게 작동하는지보십시오. 예를 들어 theme-monokai.js는 다음 줄에서 시작합니다.

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

이 줄은 "monokai"라는 테마를 정의합니다.

출처

2016-10-26 22:11:13

입력 해 주셔서 감사합니다. TypeScript/Webpack에서 어떻게하는지 알고 있습니까? 내 생각 엔 AMD 스타일이 효과가 없을 것 같은가요? – user776686

AMD가 아니라 당신이 옳습니다. 라이브러리 [ng2-ace-editor] (https://github.com/fxmontigny/ng2-ace-editor)는 Ace를 Angular2와 통합합니다. 나는 그것을 사용했고 그것은 효과가있다. 해당 라이브러리를 사용하려면 README의 주석, 특히 "eclipse"테마를 사용하는 방법에 대한 주석을 따르십시오. –

각도 2 앱의 기본 테마 디렉토리 외부에있는 사용자 정의 테마에 연결하기

답변

관련 문제