【问题标题】:Issue With grunt-contrib-sassgrunt-contrib-sass 的问题
【发布时间】:2016-04-08 09:48:09
【问题描述】:

我对 Grunt 的 grunt-contrib-sass 软件包有疑问,我只是忽略了它。当它编译我的 sass 时,我希望它进入我的 css 目录,而不是在 css 目录中创建一个 sass 目录。这就是我在 grunt-contrib-sass 编译后现在所拥有的。我不希望它在编译时在css目录中添加sass目录:

- css
    - sass (I don't want this level)
        - default
            - index.css
- sass
    - default
        - index.scss
        - fonts.scss
- Gruntfile.js
- grunt
    - watch.js
    - sass.js

Gruntfile.js

module.exports = function(grunt) {
    var options = {
        config: {
            src: './grunt/*.js'
        },
        pkg: grunt.file.readJSON('package.json')
    };

    var config = require('load-grunt-config')(grunt, options);

    grunt.initConfig(config);

    grunt.registerTask('default', ['watch']);
};

sass.js

module.exports = {
    skins: {
        options: {
            style: 'compressed'
        },
        files: [{
            expand: true,
            src: ["sass/**/index.scss"],
            dest: "css/",
            ext: '.css'
        }]
    }
};

watch.js

module.exports = {
    sass: {
        files: [
            'sass/**/*.scss',
        ],
        tasks: ['sass'],
        options: {
            livereload: true
        }
    }
};

【问题讨论】:

    标签: javascript node.js sass gruntjs


    【解决方案1】:

    试试sass.js

    module.exports = {
        skins: {
            options: {
                style: 'compressed'
            },
            files: [{
                expand: true,
                cwd: 'sass/default',
                src: 'index.scss',
                dest: 'css/',
                ext: '.css'
            }]
        }
    };
    

    【讨论】:

    • 感谢您的回答!将对此进行测试并让您知道。我删除了我的 grunt 东西并编写了我自己的预编译器,因为 grunt 没有做我想要的。哈哈!将测试!
    • @MaxBaldwin 运气好吗? ;)
    • 我最终自己做了。我使用 fs 模块的 watch 命令来查看我的 sass 文件,然后我想我用 sass npm 编译了它们。我似乎找不到最终得到的代码。
    • 我重新审视了这个方法,但是使用了 grunt-browserify。这似乎是动态命名文件的通用方式。再次感谢!
    猜你喜欢
    • 1970-01-01
    • 2017-10-15
    • 2023-03-12
    • 2014-04-16
    • 1970-01-01
    • 1970-01-01
    • 2023-03-09
    • 2014-10-19
    • 2014-09-05
    相关资源
    最近更新 更多