퓨즈[Fusetools] 문서[Docs] 번역

  1. Home
  2. 퓨즈[Fusetools] 문서[Docs] 번역
  3. 리소스
  4. 번들파일[Bundled files]

번들파일[Bundled files]

프리뷰를 실행하는 동안 프로젝트를 빌드하거나 파일을 저장할 때 컴파일러는 UX 파일에서 참조된 파일을 검색하여 해당 파일을 응용 프로그램 번들에 복사합니다. 그러나 JavaScript에서 액세스하는 파일(예: 다른 JavaScript 모듈, 정적 JSON 데이터 또는 UX에서 직접 사용되지 않는 다른 유형의 파일)이 있을 수 있습니다. 컴파일러가 포함할지 여부를 알 수 없기 때문에 자동으로 복사되지 않습니다.

번들 파일은 프로젝트 파일에 포함될 파일을 명시적으로 정의할 수 있게 하여 이 문제를 해결합니다. 또한 JavaScript에서 이 파일을 읽을 수 있는 JavaScript API도 제공합니다.

번들 파일을 포함시키려면 .unoproj의 Includes 섹션에 다음 형식으로 추가하십시오.

1
<filename or glob pattern>:Bundle

다음은 js/ 디렉토리의 모든 JavaScript 파일과 번들 파일인 dogs.json 파일을 포함하는 예제입니다.

1
2
3
4
5
6
"Includes": [
    ...other includes...

    "dogs.json:Bundle",
    "js/*.js:Bundle"
]

이제 번들로 제공되는 JavaScript 모듈을 require() 할 수 있습니다:

1
2
3
var foo = require("./js/foo.js");

foo.bar();

번들 파일의 내용을 문자열로 읽을 수도 있습니다. 아래 예제는 번들된 파일에서 JSON을 로드하고 구문 분석합니다.

1
2
3
4
5
6
7
8
var Bundle = require("FuseJS/Bundle");

Bundle.read("dogs.json")
    .then(function(dogsJson) {
        var parsedDogs = JSON.parse(dogsJson);

        // ...parsedDogs로 작업하세요...
    });

더 읽을만한 내용들

Was this article helpful to you? Yes No

How can we help?