Angular项目中如何通过变量隐藏.npmrc文件中的Git Token？

问题诊断 #

你的问题出在三个核心环节：变量名不匹配、.npmrc语法错误、.env文件格式错误。

修复步骤 #

1. 统一环境变量名 #

你的.npmrc里引用的是GITLAB_AUTH_TOKEN，但.env里定义的是GIT_AUTH_TOKEN，变量名不一致导致无法读取。修改.env文件，将变量名对齐：

GITLAB_AUTH_TOKEN=ABCDEFGHEIBDJd

注意：.env文件不需要echo和export，直接写键=值格式即可，token值无需加单引号（若token包含特殊字符，再考虑用引号包裹）。

2. 修正.npmrc的语法 #

.npmrc中_authToken的配置不需要加单引号，变量引用的写法也需调整，正确配置如下：

@vproject:registry=https://gitlab.com/api/v4/packages/npm/
//gitlab.com/api/v4/packages/npm/:_authToken=${GITLAB_AUTH_TOKEN}
//gitlab.com/api/v4/projects/10058822/packages/npm/:_authToken=${GITLAB_AUTH_TOKEN}

解释：npm会自动解析${变量名}格式的环境变量，加单引号会导致npm把${GITLAB_AUTH_TOKEN}当作静态字符串，而非变量解析。

3. 确保环境变量被正确加载 #

• 本地shell环境：运行source .env（bash/zsh）或对应加载命令，将.env中的变量导入当前会话。
• GitLab CI/CD环境：无需.env文件，直接在项目「CI/CD变量」中设置GITLAB_AUTH_TOKEN，npm会自动读取CI环境变量。

4. 验证变量有效性 #

运行以下命令检查变量是否成功加载：

echo $GITLAB_AUTH_TOKEN

若能输出你的token，说明变量加载正常，此时再尝试发布npm包即可。

内容的提问来源于stack exchange，提问作者naman