如何在Angular应用程序中暴露package.json

Question

我正在用ng serve运行我的应用程序，想知道是否有一种方法可以在我的应用程序中获取package.json文件。

我最初的想法是将package.json复制到文件夹./dist并从那里读取它，但这在使用ng serve时似乎不是一个选择，后者在内存中工作，并且不使用dist文件夹。

有没有一种方法可以在使用ng serve时获取文件，或者使ng serve使用dist而不是在内存模式下运行？

我正在使用Angular 4和angular CLI版本1.3.2（以及npm 4.3.0）。

谢谢！

Answer 1

您使用什么构建机制？ 如果您使用的是webpack之类的东西，则可以使用适当的加载器进行操作

import package from '../package.json';   //es6, or
var package = require('../package.json');  //commonJS

console.log( package.version );

这将把package.json文件打包为构建步骤的一部分。 这也可以使用Browserify完成（但您可能需要进行转换）。

Answer 2

我可以通过在.angular-cli.json内的项目资产配置中设置glob属性来解决此问题

  "apps": [
    {
      "root": "src",
      "outDir": "dist",
      "assets": [
        "assets",
        "favicon.ico",
        { "glob": "package.json", "input": "../", "output": "./assets/" }
      ],
    }

该解决方案允许从外部获取文件，从而使GET请求成为可能。