css - 为什么 css 文件在 "server"模式下正确导入(从 scss 文件)而不是在 "dist"模式下？ (自耕农， compass )

Question

我有一个使用 yeoman 构建的应用程序，当我尝试从 main.scss 加载一个 css 文件时。当我运行 "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'
]);