在开发 web 应用时,很多时候我们需要将一些配置信息放在不同的环境中,比如在本地开发时用的配置和在测试或者生产环境用的配置就会不同。而 ember-local-config 就是一款可以让你在不同环境下使用不同配置的 npm 包。
安装
首先需要在你的项目中安装该包。在终端中输入如下命令即可安装:
npm i ember-local-config --save-dev
使用
安装完成后,就可以开始使用该包了。在项目中,新建一个 config
目录。在该目录下新建两个文件:environment.js
和 local.js
。
environment.js
文件是所有环境共用的配置文件,就是默认的配置。你可以在这个文件里面定义一些全局的属性、常量等等,比如:
-- -------------------- ---- ------- -- --------------------- -------------- - --------------------- - --- --- - - -------- -------- -------- ---------------------- -- ------ --- -
而 local.js
文件就是用来定义不同环境下的配置信息,比如本地开发环境的配置信息。在该文件中,你需要通过导出一个函数来返回一些配置信息,比如:
-- -------------------- ---- ------- -- --------------- -------------- - --------------------- - --- --- - - -------- ----------------------- -- ------ ---- -
在这个示例中,我们将 apiRoot
选项的值针对本地开发环境进行了覆盖。
接下来,在你的项目根路径下新建一个名为 buildProperties.json
的文件,其中存放了本地开发环境需要的一些配置,比如:
{ "env": "local", "api_key": "abc123", "other_configs": { "config_a": "def", "config_b": "xyz" } }
一般这个文件并不会被版本控制器所跟踪。
接着,我们需要在 package.json
的 scripts
中新增 start
,其中 "build:properties": "node ./node_modules/.bin/ember-properties ./buildProperties.json ./config/local.js && node ./node_modules/.bin/ember build --environment=local"
。
最后,在终端中输入如下命令即可查看在本地开发环境下的运行结果:
npm run start
总结
通过使用 ember-local-config 这个 npm 包,我们可以很方便地定义不同环境下的配置信息,并合理地拆分出来,从而在开发过程中更加专注于开发本身,而避免在不同环境间的切换中花费一定的精力。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60066e1ca563576b7b1ecc4d