javascript - 如何使我的 sails 应用程序在 dev 中使用本地 js 和 css 依赖项并在 prod 中使用 cdn ？

Question

我想在生产模式下使用 cdn 来实现 bootstrap、jquery 等功能。但在本地开发中，我仍然想使用自动注入(inject)js和css依赖项。我怎样才能自动完成它？

我知道以下代码片段可以区分生产和开发环境。

<% if (sails.config.environment === 'production') { %>
<!-- prod script tags go here -->
<% } else  {
    // Client-side Javascript in development
    // ========================
%>
<!-- whether you're using the linker or not, dev scripts could go here -->
<!--SCRIPTS-->
<!--SCRIPTS END-->
<% } %>

但是，并不是所有的注入(inject)js都是为了开发。我只希望注入(inject)这些 vendor 的脚本以进行开发。但是我的自定义脚本(例如 Angular Controller )应该注入(inject)用于生产和开发。

Answer 1

config/local.js 和 config/env 中的所有内容都完成了它们的工作，但对于环境变量来说还不够。

我们真正需要的是一个存储所有配置变量的地方，无论我们是在开发、测试还是生产环境中。答案很简单:使用 dotenv。这将加载 .env 文件或在计算机上查找环境变量。

首先将其拉入 Sails.js 项目并遵循 dotenv 文档:

$ npm install dotenv --save
Then require dotenv in app.js and load the .env file:

var dotenv = require('dotenv');
dotenv.load();

创建一个 .env 并在其中放入一些变量:

environment= PRODUCTION

现在您可以在应用程序中的任何位置访问这些环境变量(可能在某些配置/文件中):

console.log(process.env.PRODUCTION);