css - 「サーバー」モードではcssファイルが(scssファイルから)正しくインポートされ、「dist」モードではインポートされないのはなぜですか? (ヨーマン、コンパス)

Question

私は yeoman でビルドされたアプリケーションを持っており、.css ファイルからmain.scss. 実行"grunt server"すると、リンクされた css ファイルが読み込まれます。dist をビルドするために実行"grunt"すると、ビルド バージョンに css ファイルが含まれません。

それを機能させる方法についてのアイデアはありますか？

ありがとう。

Answer 1

ハックで解決しました：

次の行を追加します

<link rel="stylesheet" href="bower_components/flatstrap/assets/css/bootstrap.css">

あなたのindex.htmlファイルで：

<!-- build:css(.tmp) styles/main.css -->
    <link rel="stylesheet" href="bower_components/flatstrap/assets/css/bootstrap.css"> <!-- Add this line -->
    <link rel="stylesheet" href="styles/main.css">
<!-- endbuild -->

次に、grunt 構成ファイルにコピー タスクのタスク タイプを追加します。

flatstrap: {
    dest: '.tmp/bower_components/flatstrap/assets/css/bootstrap.css',
    src: '<%= yeoman.app %>/bower_components/flatstrap/assets/css/bootstrap.css'
}

これは次のように実行されます。copy:flatstrap

次に、コマンドにタスク タイプを追加します。

grunt.registerTask('build', [
    'clean:dist',
    'useminPrepare',
    'copy:flatstrap', // <--- add this
    'concurrent:dist',
    'autoprefixer',
    'requirejs',
    'concat',
    'cssmin',
    'uglify',
    'modernizr',
    'copy:dist',
    'rev',
    'usemin'
]);