vue.js - 不要捆绑 process.env 变量，webpack/vue.js

Question

我有一个 Vue.js 应用程序，它导入私有 npm 包，这些包是 Vue.js 库：

// Vue.js app
import { someComponent } from '@private-npm/some-library';

someComponent有一些看起来像这样的代码：

// someComponent
const username = process.env.USERNAME;

当我 buildsome-library时，我可以将它发布到我的私人仓库，它会在捆绑文件中以纯文本形式写入流程环境变量。

所以我的担忧：

• 尽管我的 npm 是私有的，但我觉得将环境变量写入模块以便有人可以在其中安装和查看是一种不好的做法node_modules。
• 我需要能够构建使用具有不同环境变量的库的 Vue.js 应用程序

所以，总而言之，我需要我的捆绑库不导入流程环境变量的实际值，而是保留它，process.env.USERNAME以便在 Vue.js 应用程序构建时它可以通过.env.

标签： vue.jsnpmwebpack