Yeoman告诉Sass生成css文件

时间:2015-03-07 22:16:33

标签: css angularjs sass yeoman


我已经生成了一个没有Sass和bootstrap的Angularjs项目 后来,我发现我需要Sass用于定向css(ltr& rtl) 所以我尝试在我的项目中安装Sass(我不知道我是否做得对)

我做了什么:

sudo apt-get install ruby-sass

然后

sudo npm install grunt-contrib-sass --save-dev

我在app文件夹中创建了一个文件夹

然后我修改了grunt.js文件: 我添加了这一行来创建一个sass任务:

    sass: {
        dist: {
          files: [{
            expand: true,
            cwd: '<%= config.app %>/sass',
            src: ['*.scss'],
            dest: '<%= config.app %>/styles',
            ext: '.css'
          }]
        }
      },
..//

然后添加了这个

  watch: {
    styles: {
      files: ['<%= config.app %>/sass/{,*/}*.scss'],
      tasks: ['sass', 'newer:copy:styles', 'autoprefixer']
    }
    // ...
  }

然后这个

grunt.registerTask('build', [
 'clean:dist',
 'useminPrepare',
 'sass',
 // ...
]);

在构建上运行任务
当我运行咕噜声时我的期望是什么:

文件夹app / styles使用scss文件中的css填充。 我得到了什么:和空文件夹。

你能帮忙吗?

0 个答案:

没有答案