首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在Yeoman中配置grunt-contrib-sass

在Yeoman中配置grunt-contrib-sass
EN

Stack Overflow用户
提问于 2013-11-10 03:14:14
回答 1查看 752关注 0票数 0

由于我想使用Bourbon,我期待着删除指南针任务,并使用简单的sass任务,但由于某些原因,它似乎不能编译我的scss文件。

我有以下目录结构:

代码语言:javascript
运行
复制
yeomanApp/
  app/
    styles/
      css/
      scss/

我的Gruntfile.js看起来像这样:

代码语言:javascript
运行
复制
...
grunt.initConfig({
  ...
  sass: {
    dist: {
      files: [{
        expand: true,
        cwd: '<%= yeoman.app %>/styles',
        src: ['scss/{,*/}*.scss'],
        dest: 'css',
        ext: '.css'
      }]
    }
  },
  ...
});

grunt.loadNpmTasks('grunt-contrib-sass');

grunt.registerTask('server', function (target) {
  if (target === 'dist') {
    return grunt.task.run(['build', 'connect:dist:keepalive']);
  }

  grunt.task.run([
    'clean:server',
    'concurrent:server',
    'sass',
    'autoprefixer',
    'connect:livereload',
    'watch',
  ]);
});
...

运行此任务时:

代码语言:javascript
运行
复制
$ grunt sass
Running "sass:dist" (sass) task

Done, without errors.

但是,我的scss文件没有编译成app/styles/css

我遗漏了什么?

EN

回答 1

Stack Overflow用户

发布于 2013-11-20 03:06:37

我觉得有个问题:

代码语言:javascript
运行
复制
dest: '<%= yeoman.app %>/styles/css',

而且应该能行得通。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/19881958

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档