2017-10-05 50 views
0

您是否必须eject您的角度cli并覆盖webpack配置才能将font-awesome字体放入assets/fonts文件夹?我有这个角CLI和我包括字体真棒这样在我angular-cli.jsonAngular CLI输出字体真棒字体文件dist根目录

"styles": [ 
     "styles.css", 
     "../node_modules/bootstrap/dist/css/bootstrap.min.css", 
     "../node_modules/font-awesome/css/font-awesome.min.css" 
     ], 

但是当我做ng build --prod我得到正确建立但所有字体真棒字体位于一切的根(其中styles.css是)。

你可以通过angular-cli.json来配置它吗,还是必须通过packages.json中的脚本来完成?

纵观维基资产管理(https://github.com/angular/angular-cli/wiki/stories-asset-configuration),我尝试这样做:

"assets": [ 
    { "glob": "**/*", "input": "./assets/", "output": "./assets/" }, 
    { "glob": "favicon.ico", "input": "./", "output": "./" }, 
    { "glob": "**/*", "input": "../node_modules/font-awesome/fonts/*", "output": "./assets/fonts/" } 
    ] 

但没有奏效。

更新:

看起来不可能? - >https://github.com/angular/angular-cli/issues/6637

+0

它可能在webpack中配置 – pritesh

回答

0

我想你在ng serve/build只是跟着http://github.com/angular/angular-cli/blob/master/docs/documentation/stories/include-font-awesome.md一旦cli来看到你引用font-awesome它只是复制的字体文件,就像它是在为根。

好像是类似的问题How can i place all the glyphicons to one folder while building in angular4?角CLI只是处理由font-awesome.css这样所以它只是影响output/dist文件夹客户端浏览器不关心,所以它不是应该伤害引用的字体。