Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/370.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在angular应用程序中公开package.json_Javascript_Angular_Npm_Angular Cli - Fatal编程技术网

Javascript 如何在angular应用程序中公开package.json

Javascript 如何在angular应用程序中公开package.json,javascript,angular,npm,angular-cli,Javascript,Angular,Npm,Angular Cli,我正在使用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) 谢谢 您使用的构建机制是什么?

我正在使用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)


谢谢

您使用的构建机制是什么?如果你在像webpack这样的东西中,使用合适的加载器,你可以

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

console.log( package.version );

这将打包package.json文件,作为构建步骤的一部分。这也可以使用Browserify实现(但您可能需要进行转换)。

我可以通过在.angular-cli.json内的配置中设置glob属性来解决

该解决方案允许从外部访问该文件,从而使GET请求成为可能

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