我正在尝试将scss添加到我的grunt文件中,因此我运行了以下命令:npm install grunt-contrib-sass sass --save-dev。然后,我将以下内容添加到我的Gruntfile.js中
grunt.loadNpmTasks('grunt-contrib-sass');和
grunt.initConfig({
...
sass: {
dev: {
files: {
'<%=meta.src %>assets/css/all2.css': '<%=meta.src %>assets/scss/build.scss'
}
},
dist: {
files: {
'<%=meta.dist %>/assets/css/all.min.css': '<%=meta.src %>/assets/scss/build.scss'
}
}
},当我运行它时,我会在控制台中得到build.scss的输出,并创建一个空文件?
我少了什么?
Running "sass:dev" (sass) task
#flupdidup {
font-weight: bold;
}
Running "sass:dist" (sass) task
#flupdidup {
font-weight: bold;
}
Done, without errors.
Process terminated with code 0.在这里可以找到对这个问题的最起码的娱乐:https://github.com/Peter-Optiway/grunt-sass-issue
发布于 2017-10-23 07:35:59
通过改为grunt-sass包,我设法解决了这个问题。
然后,npm install --save-dev load-grunt-tasks load-grunt-tasks将以下内容添加到我的Gruntfile.js require('load-grunt-tasks')(grunt);中,并且它刚刚起作用。
发布于 2017-10-23 07:48:05
切换到grunt-sass总是一种选择,但您的问题并不是因为这一点。问题在于您使用npm安装了sass。
npm install -g sass当你看着那个
$ sass --help
Compile Sass to CSS.
Usage: dart-sass <input>
-s, --style Output style.
[expanded (default)]
-c, --[no-]color Whether to emit terminal colors.
--[no-]trace Print full Dart stack traces for exceptions.
-h, --help Print this usage information.
--version Print the version of Dart Sass.它没有输出参数。而grunt-contrib-sass预计sass将从红宝石安装。
$ sudo gem install sass现在sass将有不同的选择
$ sass --help
Usage: sass [options] [INPUT] [OUTPUT]
Description:
Converts SCSS or Sass files to CSS.
...现在,构建工作很好。
$ cat ./dist/assets/css/all.min.css
main #flupdidup {
font-weight: bold;
background: #eeffcc; }
/*# sourceMappingURL=all.min.css.map */https://stackoverflow.com/questions/46832487
复制相似问题