css - 为什么 css 文件在“服务器”模式下正确导入（从 scss 文件）而不是在“dist”模式下？（约曼，指南针）

Question

我有一个使用 yeoman 构建的应用程序，当我尝试从main.scss. 当我运行"grunt server"链接的css文件时加载。当我运行"grunt"构建 dist 时，它不会在构建版本中包含 css 文件。

关于如何使其工作的任何想法？

谢谢。

Answer 1

我用 hack 解决了这个问题：

添加以下行

<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'
]);