Question

我是gulp插件的新手，我正在努力让源图片工作

文件结构

@import "theme/some-style";
@import "theme/some-style-2";
@import "theme/some-style-3";

在我的style.scss文件中我有

gulp.task('sass', function () {
   return gulp.src(css/sass/theme/**/*.scss)
      .pipe(sourcemaps.init())
      .pipe(sass.sync().on('error', sass.logError))
      .pipe(sourcemaps.write())
      .pipe(gulp.dest(css));
});

很好，所以我只是得到，_some-style-3.scss在我检查时出现在我的开发工具中。我知道我在这里有路径问题，但不知道如何解决它。

Gulp文件：

<script type="text/javascript" src="/js/jquery/jquery-1.11.0.min.js">/script>

Answer 1

您的输入有点令人困惑，因为您的文件结构，导入语句和gulp文件中有不同的路径。我的答案基于您在文件结构中提供的路径。

您的文件结构显示＆＃34;主题＆＃34;直接在＆＃34; sass＆＃34;，所以你的@import语句应该是@import "theme/_various-scss-file.scss"
您需要在gulp.src中指定scss文件，而不仅仅是路径，例如gulp.src('css/sass/style.scss')。并且输出路径，根据您的文件结构并假设您的gulp文件与css文件夹位于同一文件夹中，应为gulp.dest('css')。

Answer 2

想出来。与路径无关。我没有提到我还在压缩我的scss，这是在干扰源映射

gulp sourcemaps仅生成最后一个scss文件

2 个答案: