が正しく（活字体、WebPACKの）

Question

UPDATEをconfig.json読み取ることができません。問題が出てくるという問題がthis PR

---

によって固定されている理由の陶器うと、通常の純粋なJavaScriptの方法はできませんそれが原因である可能性があります。server.tsを使用しています。TypeScriptと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.json

{ 
    "api": "123" 
} 

私はconfigでserver.tsを読んだときがあります私が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

あなたの設定ファイルはのWebPACKによってインラインので、あなたから期待としては、ES6モジュールの仕様を以下の文字列ではなくオブジェクトとしてJSONを返していますノード。

最初にwebpackを使用してサーバーを構築する理由はありますか？

Answer 2

UPDATE：問題は

問題が出てくると、通常の純粋なJavaScriptの方法は、それがそのサーバーので、可能性が解決できないということの理由の陶器て

---

this PRによって固定されています。 tsは、 タイプスクリプトと Webpackを使用しています。ガントの答えを確認してください。 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ローダーを使用しますが、この回答はjson-loaderを使用しています。

方法をnodejs + 1のWebPACKでテスト2

両方の方法を使用します。

方法1

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

方法2

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