2016-07-29 7 views
8

私はAurelia CLIプロジェクトにブートストラップを組み込もうとしており、CSSとJSはうまく動作します。Aurelia CLIにはブートストラップグリフィコンが含まれています

唯一の問題はグリフコンがフォントファイルを読み込むことです。

私はこの設定を使用

"dependencies": [ 
    { 
     "name": "bootstrap", 
     "path": "../node_modules/bootstrap/dist", 
     "main": "js/bootstrap.min", 
     "deps": ["jquery"], 
     "exports": "$", 
     "resources": [ 
      "css/bootstrap.min.css", 
      "fonts/glyphicons-halflings-regular.woff2" 
     ] 
    } 
] 

をしかし、私はこの行を含むエラーが表示されます。

パス:「C:\ Users \ユーザーランディ\ドキュメント\フォーム\ node_modules \ブートストラップ\ distの\フォント\ glyphicons-ハーフリング-regular.js'

だから私は.woff2ファイルが含まれていても、アウレリアは、JSファイルとしてファイルをインポートしようとします。この仕事をするために私は何ができますか? CSSは正常に動作します。

+0

これで遊んでr迅速にealしてください。 GitHubの問題を提出する必要があるかもしれません。 –

答えて

2

が。

この問題は、aurelia.jsonにコピー命令を追加することで解決できるようになりました。

aurelia.json- 有効なプロジェクトは、アウレリア-CLIによって作成された場合、0.25.0以上

は、ビルドブロックに以下を追加します。

"bundles": [ ... ], 
"copyFiles": { 
    "node_modules/bootstrap/dist/fonts/glyphicons-halflings-regular.woff2": "bootstrap/fonts", 
    "node_modules/bootstrap/dist/fonts/glyphicons-halflings-regular.woff": "bootstrap/fonts", 
    "node_modules/bootstrap/dist/fonts/glyphicons-halflings-regular.ttf": "bootstrap/fonts" 
} 

た場合をプロジェクトは古いCLIバージョンで作成されたため、タスクフォルダ内にコピータスクを作成する必要があります

、githubの上でこれをコメントのためbuild.jsの/ tsのタスクでfabioluz


* クレジットをコピータスクを呼び出す

3

Aureliaはフォントファイルを処理できません。それには手動バンドルタスクを使用する必要があります。

はここのために同様のソリューションであるフォント素晴らしい:https://stackoverflow.com/a/39544587/1276632

ここglyphiconsのためのソリューション(私はブートストラップV4との統合のためにそれを使用)である:これはGithub issueを読む詳細については、解決されているhttps://github.com/aurelia/cli/issues/248#issuecomment-250967074

関連する問題