如何为我的webpack角度应用程序包含明文JSON配置?

时间:2016-08-04 15:18:55

标签: angularjs json webpack html-webpack-plugin

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

我一直在遇到一个重新出现的问题,我需要在自己的chunk中使用我的config.json,并且可以从多个控制器/组件访问。然而,困难在于我需要它以人类可读的纯文本形式(也就是说没有使用webpackJsonp等缩小并缩小)只是标准的json。

有没有人有任何想法?

提前道歉我对webpack来说是全新的......

1 个答案:

答案 0 :(得分:0)

@Ambroos谢谢!!!

虽然这不是我想要的,但在摆弄它之后确实做了这个工作,我想我会把我的发现用于帮助其他人......

基本上按照Ambroos给你的例子包括:

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

进入你的webpack配置并构建你的配置如下:

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

然后,不是在索引中逐字添加json对象,而只需在传统的脚本加载方法中加载它。

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

然后在需要的地方要求:

var sysConfig = require('appConfig');

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

快乐的日子!! :)