Dockerで自動ビルドを使用するとブートストラップでスタイルできない？

Question

私はDockerを使って複雑なアプリケーションをローカルで開発することを学んでおり、angular2を使い始めることに決めました。

私は角-CLIを使用してから画像を引っ張ってきた。本当によく働いていると私は進歩を作ってるんだhttps://hub.docker.com/r/trion/ng-cli/

。しかし、ブートストラップがインポートされているかどうかをテストするために私のコードベースを更新したので、私はスタイリングを見ていません。誰もが、我々はこれを克服することができる方法を提案することができれば、私は永遠に感謝されるだろう：

コード：

（モジュール）の角-cli.jsonから

import { NgModule } from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { FormsModule } from '@angular/forms'; 
import { AppComponent } from './app.component'; 
import { AlertModule } from 'ngx-bootstrap'; 
@NgModule({ 
    declarations: [ 
    AppComponent 
    ], 
    imports: [ 
    BrowserModule, 
    FormsModule, 
    AlertModule.forRoot() 
    ], 
    providers: [], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { } 

スタイル配列

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

コードからのコード：

<h1> 
    {{title}} 
</h1> 
<table class="table table-striped"> 
    <tr> 
     <th>ID</th> 
     <th>Film Title</th> 
    </tr> 
    <tr *ngFor="let film of films"> 
     <td>{{ film.id }}</td> 
     <td>{{ film.name }}</td> 
    </tr> 
</table> 
<alert type="success">hello</alert> 

いくつかのハッキーメソッドを試してみましたが、何も動いていません。 Dockerfileが存在しないこととは何か？ちょうどドッカーを学ぶので、どんな助けにも感謝しています。

Answer 1

これはAngularやDocker関連ではないかもしれませんが、プロジェクト設定の問題です。

輸入取得するためにスタイルするためには、次の2つのオプションがあります：

をどちらかあなたは.angular-cli.jsonで「スタイル」プロパティを使用してプロジェクトにその後、追加することができます。

"styles": [ 
     "../node_modules/bootstrap/dist/css/bootstrap.css", 
     "styles.css" 
     ], 

それとも経由でそれらをインポートすることができます。このためには、すべてのファイルの定義は、あなたの定義が動作しませんので、あなたはこのようなものを使用する必要があるだろう、srcフォルダへの相対的であることを知っておく必要がありますこのようなstyles.cssファイルからのCSSのインポート：

@import "~bootstrap/dist/css/bootstrap.css";