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

【问题标题】：How to include plaintext JSON configuration for my webpack angular app?如何为我的 webpack angular 应用程序包含纯文本 JSON 配置？
【发布时间】：2016-08-04 15:18:54
【问题描述】：

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

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

有人知道吗？

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

【问题讨论】：

嘿，看看这个，看看有没有帮助：stackoverflow.com/questions/38720133/…
为链接干杯，尽管我更喜欢将其保存在单独的文件中，因为配置很大并且经常被安静地编辑。

标签： angularjs json webpack html-webpack-plugin

【解决方案1】：

@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 复制配置。

快乐的日子！！ :)

【讨论】：