如何使用 Mean.io 安装 SASS？
How do I install SASS with Mean.io?
我有一个基本的 MEAN.io 设置。令我困惑的是包结构。我想在最终版本中使用 .scss 文件并将 SASS 编译成 .css 文件，但我不是 100% 确定这是如何工作的，因为我只是想学习。
我已经阅读了 MEAN.io 团队提供的关于如何制作 css 文件 'global' 的文档，但我仍然不确定如何预处理 .scss 个文件。
我没有尝试太多，因为我不太确定该怎么做。 MEAN.io 似乎默认使用 Gulp。我从未收到过提示，询问我是喜欢 Gulp 还是 Grunt（如 MEAN.io 的博客所示）。
任何帮助或示例都会非常有帮助。我查看了 Google，但我发现的大部分内容都是 MEAN.js 的内容。 :(
谢谢！
要处理 .scss 个文件，您几乎可以复制 less 配置。
安装gulpsass
npm install gulp-sass --save-dev
更新gulp/development.js
paths = {
...
sass: [
'packages/**/*.scss',
'!packages/**/node_modules/**',
'!packages/**/assets/**/lib/**'],
...
};
创建一个 gulp 任务到 运行 sass
gulp.task('sass', function() {
return gulp.src(paths.sass)
.pipe(plugins.sass().on('error', plugins.sass.logError))
.pipe(gulp.dest('./packages'));
});
此时您应该可以 运行 gulp sass 并且它应该可以工作，但是为了 运行 并在您 运行 gulp 看下面两步。
将 gulp 任务添加到 defaultTasks（如果需要，可以减少删除）
var defaultTasks = ['coffee','clean', 'less', 'sass', 'csslint', 'devServe', 'watch'];
添加监视任务
gulp.task('watch', function () {
...
gulp.watch(paths.sass, ['sass']);
});
我有一个基本的 MEAN.io 设置。令我困惑的是包结构。我想在最终版本中使用 .scss 文件并将 SASS 编译成 .css 文件，但我不是 100% 确定这是如何工作的，因为我只是想学习。
我已经阅读了 MEAN.io 团队提供的关于如何制作 css 文件 'global' 的文档，但我仍然不确定如何预处理 .scss 个文件。
我没有尝试太多，因为我不太确定该怎么做。 MEAN.io 似乎默认使用 Gulp。我从未收到过提示，询问我是喜欢 Gulp 还是 Grunt（如 MEAN.io 的博客所示）。
任何帮助或示例都会非常有帮助。我查看了 Google，但我发现的大部分内容都是 MEAN.js 的内容。 :(
谢谢！
要处理 .scss 个文件，您几乎可以复制 less 配置。
安装gulpsass
npm install gulp-sass --save-dev更新gulp/development.js
paths = { ... sass: [ 'packages/**/*.scss', '!packages/**/node_modules/**', '!packages/**/assets/**/lib/**'], ... };创建一个 gulp 任务到 运行 sass
gulp.task('sass', function() { return gulp.src(paths.sass) .pipe(plugins.sass().on('error', plugins.sass.logError)) .pipe(gulp.dest('./packages')); });此时您应该可以 运行
gulp sass并且它应该可以工作，但是为了 运行 并在您 运行gulp看下面两步。将 gulp 任务添加到 defaultTasks（如果需要，可以减少删除）
var defaultTasks = ['coffee','clean', 'less', 'sass', 'csslint', 'devServe', 'watch'];添加监视任务
gulp.task('watch', function () { ... gulp.watch(paths.sass, ['sass']); });