你是如何处理开发、pre和prod的雪堆的？
你是如何处理开发、pre和prod的雪堆的？
提问于 2021-02-05 13:17:07
我想在我的package.json中定义环境变量，在这里我正在使用dev与build，但据我所知，雪花包会根据dev与build自动设置NODE_ENV。
能否为3种模式而不是2种模式定义变量，我的意思是：
- 开发
- 预生产
- 生产
这些是我在package.json中的脚本
"scripts": {
"start": "snowpack dev",
"build": "snowpack build NODE_ENV=pre",
"build:production": "snowpack build NODE_ENV=pro"
}但是，import.meta.env.MODE为2种类型的构建返回production。
我做不到，也许还有别的办法。
回答 1
Stack Overflow用户
发布于 2021-02-26 04:44:19
我的用例不完全相同，但很相似，您应该能够用这种技术生成任意多个不同的环境。
为此，我编写了一个定制的雪包插件，将.env文件与dotenv npm包一起使用，并编写了两个单独的snowpack.config.js文件；一个用于dotenv，另一个用于prod。以下是如何..。
- 将
dotenv添加到项目中：npm i -D dotenv - 创建这个新文件。这将是我们定制的雪包插件。
// env-loader.js
const dotenv = require('dotenv');
module.exports = function plugin(snowpackConfig, { path }) {
dotenv.config({ path: path });
return { name: 'Custom plugin from StackOverflow' };
};- 创建.env文件；
.env.develop和.env.production - 创建snowpack.config文件；
snowpack-develop.config.js和snowpack-production.config.js - 将您的自定义插件添加到两个snowpack.config文件。一定要给它正确的路径到您的自定义插件，和正确的路径到您的.env文件。
// snowpack-develop.config.js
const path = require('path');
module.exports = {
plugins: [
['./path/to/env-loader', { path: path.resolve(process.cwd(), '.develop.env') }],
],
};- 最后，添加npm脚本。将开发脚本指向斯诺包开发文件，并指向雪包生产文件。
"scripts": {
"develop": "snowpack dev --config ./snowpack-develop.config.js",
"build:dev": "snowpack build --config ./snowpack-develop.config.js",
"build:prod": "snowpack build --config ./snowpack-production.config.js"
},在雪花包中，环境变量必须包括前缀SNOWPACK_PUBLIC_，要在代码中使用变量，您可以像这样访问它：import.meta.env.SNOWPACK_PUBLIC_MY_VARIABLE。它在构建时运行一个查找和替换。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/66063968
复制相关文章
相似问题
腾讯云开发者
