css - 在 revel go 框架中连接 css 文件

Question

我想将我的 css 分成组件文件，就像我目前将 js 文件分成组件一样。似乎没有默认支持在 revel 中连接 css 文件。有没有一种简单的方法可以将它集成到服务器启动或构建过程中？

我正在寻找一种方法来创建框架支持的自定义“构建/启动”代码。我想确保我不会再次发明轮子，可以这么说。

Answer 1

狂欢的构建很难融入。我拥有的是一个单独的样式项目，它有自己的 grunt 构建文件，它监视更改，然后将 css 打包到 revel 公共目录中。

对于咕噜声，请参阅http://gruntjs.com/

这个 Gruntfile.js 应该有帮助，它使用 bower 和 sass ：

module.exports = function(grunt) {
    grunt.initConfig({   
        watch: {
            files: ['scss/*.scss'],
            tasks: ['sass']
        },
        bower: {
            install: {
                options: {
                    copy: false
                }
            }
        },
        sass: {
            dist: {
                options: {
                    style: 'expanded'
                },
                files: [
                    {
                        expand: true,
                        cwd: 'scss',
                        src: ['*.scss'],
                        dest: '../project/public/css',
                        ext: '.css'
                    }
                ]
            }
        }
    });
    grunt.loadNpmTasks('grunt-contrib-watch');
    grunt.loadNpmTasks('grunt-bower-task');
    grunt.loadNpmTasks('grunt-contrib-sass');
    grunt.registerTask('default', ['bower', 'sass']);
};