Question

正在使用postcss-scss，它应该允许//在scss文件中。

相反，得到......

` 未知单词

//注射器

这是我的gulp任务。

var postcss     = require('gulp-postcss');
var reporter    = require('postcss-reporter');
var syntax_scss = require('postcss-scss');
var stylelint   = require('stylelint');

gulp.task("scss-lint", function() {  var stylelintConfig = {
"plugins": [
  "stylelint-statement-max-nesting-depth"
],
"rules": {
    "statement-max-nesting-depth": [3, { countAtRules: false }],
  "block-no-empty": true,
  "color-no-invalid-hex": true,
  "declaration-colon-space-after": "always",
  "declaration-colon-space-before": "never",
  "function-comma-space-after": "always",
  "function-url-quotes": "double",
  "media-feature-colon-space-after": "always",
  "media-feature-colon-space-before": "never",
  "media-feature-name-no-vendor-prefix": true,
  "max-empty-lines": 5,
  "number-leading-zero": "never",
  "number-no-trailing-zeros": true,
  "property-no-vendor-prefix": true,
  "rule-no-duplicate-properties": true,
  "declaration-block-no-single-line": true,
  "rule-trailing-semicolon": "always",
  "selector-list-comma-space-before": "never",
  "selector-list-comma-newline-after": "always",
  "selector-no-id": true,
  "string-quotes": "double",
  "value-no-vendor-prefix": true}}

var processors = [stylelint(stylelintConfig),reporter({clearMessages: true,throwError: true})];

return gulp.src(['src/**/*.scss']).pipe(postcss(processors), {syntax: syntax_scss});});

它说postcss-scss假设允许//注释语法。

这是完整的scss文件......

.slide-toggle { overflow: hidden;  transition: all 1.5s;}

.angular-google-map-wrapper {
position:relative;
height: 100%;
width: 100%;
}

.angular-google-map-container {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
}

/**
*  Do not remove the comment below. It's the markers used by gulp-inject to inject
*/
// injector
// endinjector

由于文件是自动生成的，我无法删除//.

Answer 1

你在这里遇到的问题是在最后一行：

return gulp.src(['src/**/*.scss']).pipe(postcss(processors), {syntax: syntax_scss});});

您的括号未正确包装，因此您的选项不会正确传递给postcss。

应该是：

return gulp.src(['src/**/*.scss']).pipe(postcss(processors, {syntax: syntax_scss}));});

我已经格式化了答案，使其更具可读性。

return gulp
  .src(['./*.scss'])
  .pipe(postcss(processors, {
    syntax: syntax_scss
  }));
});

gulp + postCSS + typescript ...抛出//语法

1 个答案: