为什么css文件在“服务器”模式下正确导入（来自scss文件）而不是“dist”模式？ （自耕农，指南针）

Question

我有一个使用yeoman的应用程序构建，当我尝试从main.scss加载一个css文件时。当我运行"grunt server"时，加载了链接的css文件。当我运行"grunt"来构建dist时，它不会在构建版本中包含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'
]);