外部ファイルの読み込みを試してみた

外部ファイルの読み込みを 前回myapp を修正して試してみた。

node-config をインストール

npm i config

myapp/config/default.json を作成

default.json

{
  "message": "Hello world!"
}

index.js を修正して、default.json から Hello world! を取得するようにした。

index.js

const chalk = require('chalk');
const config = require('config')

const message = config.get("message")

console.log(chalk.blue.bgRed.bold(message));

ビルド前に実行してみる。

default.json から Hello world! を取得して表示されることを確認

ncc でビルドする。 -o で出力先フォルダを指定できる。

...\myapp>ncc build index.js -o dist2
98kB  dist2\index.js   [652ms]

dir コマンドで確認

...\myapp>dir dist2 /S /B
...\myapp\dist2\index.js
...\myapp\dist2\index.js.map

ビルド後の index.js を実行してみる。

成功...ということは設定ファイルの中身も固定値でバンドルされてしまうのか~
設定ファイルが動的に変更できないのであればプロジェクトの仕様には合わない。。。

今回は採用見送りかな~(webpack覚えるというタスクが増えたよ!)