在Vue.js Webpack项目中运行时注入外部参数

时间:2017-05-16 14:24:26

标签: webpack vue.js

我的Vue.js项目正在构建并与Webpack捆绑在一起。

我想要实现的只是注入外部参数,例如从dist外部的backend_url(如外部文件,cli param,等等......)到部署时间的dist中。

这将有助于我将相同的dist部署到多个环境中

我看了这个答案 - Exclude module from webpack minification但是这对我没有帮助,因为答案只是从缩小中排除但仍然注入到值中的值

有人建议怎么做吗?

1 个答案:

答案 0 :(得分:0)

我不知道如何将外部模块放入webpack上下文(post bundle compilation)。

在包含Webpack捆绑包的HTML中,您可以包含"外部参数"首先是javascript文件,并将这些参数存储在全局范围内。

如果要抽象全局范围,可以创建一个代理全局范围的捆绑模块,然后始终通过捆绑模块访问这些变量。这样,将来如果要更改数据源,可以在一个地方完成。