我已经生成了一个没有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填充。 我得到了什么:和空文件夹。
你能帮忙吗?