angularjs - 如何为我的 webpack angular 应用程序包含纯文本 JSON 配置？

Question

我正在尝试使用 webpack 和 angular 使用 babel 和 es6 创建一个配置驱动的 webapp。

我一直遇到一个反复出现的问题，我需要我的 config.json 在它自己的块中，并且可以从多个控制器/组件访问。然而，困难在于我需要它以人类可读的纯文本形式（又名没有被 webpackJsonp 等和缩小）只是标准 json。

有没有人有任何想法？

提前道歉我对webpack完全陌生......

score 0 · Accepted Answer

@Ambroos 谢谢！！！

虽然这并不是我想要的，但在稍微摆弄了一下之后它确实可以完成这项工作，但我想我会把我的发现放在这里来帮助其他人......

基本上按照安布鲁斯给我的例子，你包括：

  externals: {
     'appConfig': 'var sysConfig'
  },

进入你的 webpack 配置并像这样构造你的配置：

var sysConfig = {
    "some": "config object"
}

然后，无需在索引中直接添加 json 对象，您只需在传统的脚本加载方法中加载它即可。

<script src="script location"></script>

然后在需要的地方要求它：

var sysConfig = require('appConfig');

这适用于 webpack dev，然后对于 dist，我只需在 webpacking 完成后使用 gulp 复制配置。

快乐的时光！！:)

1 回答 1