0

ブートストラップなしで yo webapp をインストールし、この回答に続いてブートストラップ 3 を追加しました: https://stackoverflow.com/a/19034513/712005。

main.css をビルドしてブートストラップを正しく含めることができません。dist フォルダに style フォルダは作成されません。

「grunt build」を実行すると、次のメッセージが表示されます。

「cssmin:generated」の実行 (cssmin)

縮小された CSS が空だったため、タスクの宛先が書き込まれませんでした。

しかし、エラーはありません。

私のグラントファイルにはこれが含まれています：

useminPrepare: {
    options: {
        dest: '<%= yeoman.dist %>'
    },
    html: '<%= yeoman.app %>/index.html'
},
usemin: {
    options: {
        assetsDirs: ['<%= yeoman.dist %>']
    },
    html: ['<%= yeoman.dist %>/{,*/}*.html'],
    css: ['<%= yeoman.dist %>/styles/{,*/}*.css']
}

この：

grunt.loadNpmTasks('grunt-bower-install');

index.html には以下が含まれます。

<!-- build:css(.tmp,app) styles/main.css -->
<!-- bower:css -->
<!-- endbower -->
<!-- endbuild -->
<!-- build:css(.tmp,app) styles/bootstrap.css -->
<!-- bower:css -->
<!-- endbower -->
<!-- endbuild -->

app-folder 内の main.css と bootstrap.css の場所への参照は、ビルド中に削除されました。

bower.json には以下が含まれます。

{
  "name": "gabriel",
  "version": "0.0.1",
  "dependencies": {
    "bootstrap": "~3.0.2",
    "jquery": "~2.0.3",
    "modernizr": "~2.7.0"
  },
  "devDependencies": {}
}

私は何が欠けていますか？

4

2 に答える 2

1

リンクに記載されているように、同じ手順に従います。それはあなたのために働くはずです。私はちょうどやったし、私のためにうまく動作します。

要約すれば。

  1. yo angular- ここで Bootstrap に「いいえ」と言ってください
  2. bower install --save bootstrap
  3. npm install --save-dev grunt-bower-install
  4. 編集Gruntfile.js- 正確に言うとおりに行う

  5. 編集app/index.html- 行の下にのみ追加

    <!-- bower:css -->
<!-- endbower -->
<!-- bower:js -->
<!-- endbower -->

  6. grunt bower-install

  7. 実行grunt serverまたはgrunt build
于 2013-11-27T11:21:48.147 に答える