가 제대로 (타이프 라이터, 웹팩)

Question

UPDATE을 config.json 읽을 수 없습니다 : 문제가 나오는 것이 문제가 this PR

---

에 의해 고정되는 이유의 도자기하고 정상 순수 자바 스크립트 방법이 없습니다 그것을 해결할 수 있기 때문에 수 server.tsTypeScript 및 Webpack입니다. 갠트의 대답을 확인하십시오. github에서 this issue을 추적하십시오.

저는 시동기로 angular/universal-starter을 사용하고 있습니다. 그러나

{ 
    "api": "123" 
} 

:

import * as config from '../config.json'; 
// const config = require('../config.json'); will be same result 
console.log(config); 

그것은 터미널이를 보여줍니다 나는 config server.ts 에서 읽은 파일 config.json

{ 
    "api": "123" 
} 

에게 있습니다 내가 config.api을 에서 읽으려고 할 때 server.ts는 :

import * as config from '../config.json'; 
// const config = require('../config.json'); will be same result 
console.log(config.api); 

이 undefined을 보여줍니다.

이것은 내 폴더 구조입니다 (다른 부분은 angular/universal-starter과 같습니다).

my-app 
    - config.json 
    + src 
    - server.ts 

그리고 앱을 실행하면 npm start을 사용합니다.

어떻게 될 수 있습니까? 감사합니다

Answer 1

구성 파일이 웹팩으로 인라인, 그래서는 ES6 모듈의 사양은 다음과 문자열 당신이에서 예상대로되지 객체로 JSON을 반환 마디.

처음에 webpack으로 서버를 빌드하는 이유가 있습니까?

Answer 2

UPDATE : 문제가

문제가 나오면 정상 순수 자바 스크립트 방법은 그 서버 때문에 될 수 해결할 수없는 이유의 도자기 수

---

this PR에 의해 고정되어 있습니다.은 유형 스크립트 및 웹 팩을 사용하고 있습니다. 갠트의 대답을 확인하십시오. github에서 this issue을 추적하십시오.

나는 문제를 발견

import * as config from '../config.json'; 
// const config = require('../config.json'); also works 


const json = JSON.parse(config); // <- need this line 
console.log(json.api); // 123 

Answer 3

방법 1은 질문 구성과 일치하지 않으므로 잘못되었습니다. 문제의 webpack 구성은 json 파일의 raw-loader를 사용하는 반면이 답변은 json-loader를 사용합니다.

는 방법을 nodejs + 웹팩 테스트 2

두 가지 방법을 사용합니다.

방법 1 개

var config = require(__dirname + '/config.json'); 
console.log(config['api']); 

방법 './config.json'2

var config = JSON.parse(fs.readFileSync(__dirname + '/config.json', 'utf8')); 
console.log(config.api);