Discourse의 webpack에 스크립트 추가

개발
1

안녕하세요,

저는 webpack을 사용해 본 적이 없고, JS 지식도 부족합니다. 또한 IP 주소로 실행 중인 Discourse 설치 환경이 “지원되지 않는” 상태입니다. 시스템은 작동하지만, 아이콘이 표시되지 않습니다. 아이콘이 포함된 http://192.168.0.22:8080/svg-sprite/192.168.0.22:8080/svg-3-c1066beb12cc75cc4c3bc42f218f381c862e7905.js 파일을 로드하려고 하지만 숫자 때문에 실패하고 있습니다. http://192.168.0.22:8080/svg-sprite/-/svg-3-c1066beb12cc75cc4c3bc42f218f381c862e7905.js와 같이 - 부분에 아무 값이나 넣으면 작동합니다. -가 왜 존재하는지 정확히 모르겠지만, 그것은 제가 결정할 문제가 아닙니다.

올바른 호스트를 로드하도록 하려고 작은 스크립트를 만들었지만, webpack 때문에 import를 통해 로더에 접근할 수 없습니다:

image
image1056×211 5.92 KB

이 제한 사항 때문에 어디에도 찾을 수 없는 discourse의 webpack에 접근해야 합니다. 폴더에 스크립트를 추가하는 방법은 무엇인가요?

/var/discourse$ ls
shared
3

브라우저의 네이티브 모듈 해석 시스템을 사용하지 않으므로, import와 export가 포함된 <script type="module">은 예상대로 작동하지 않습니다.

대신 Discourse 테마/플러그인에서 초기화 파일(initializer)을 생성하고, 이를 통해 loadSprites() 코드를 실행할 수 있습니다.

여러 Discourse 포럼이 동일한 CDN 도메인을 사용하는 호스팅 환경을 위한 것입니다.

그렇습니다… 지원되지 않습니다. 다른 문제들도 발생할 가능성이 매우 높습니다.

4

이 부분에 대한 가이드가 있을까요? 아직 한 번도 시도해 본 적이 없습니다.

5

이 주제에는 예제가 있습니다: Split up theme Javascript into multiple files

6

감사합니다… 작동했습니다! 앞으로 이 문제를 겪는 분들을 위해, 제가 수정에 사용한 저장소를 공유합니다 (192.168.0.22:8080에서 실행 중이라고 가정합니다)