我在gulp中遇到源码映射的问题:当我尝试直接通过管道实现gulp-sourcemaps时,以及当我尝试通过webpack提供它时,如果我已经正确理解,那么源代码由默认情况下,我不断收到同样令人困惑的错误:
Error: Cannot find module 'source-map'
我可以在@gulp-sourcemaps
中看到node_modules
文件夹,其中包含一个identity-map
文件夹,其中包含更多node_modules
个source-map
模块问题,所以我认为一切都是应有的。话虽这么说,我是新来的,所以我可能会遗漏一些非常明显的东西。
有人能为我提供一些如何帮助gulp找到模块的指导吗?
// package vars
const pkg = require("./package.json");
// gulp
const gulp = require("gulp");
const gulpIf = require("gulp-if");
// webpack
const webpack_config = require("./webpack.config");
// load all plugins in "devDependencies" into the variable $
const $ = require("gulp-load-plugins")({
pattern: ["*"],
scope: ["devDependencies"]
});
// ...
gulp.task("sass", function() {
return gulp
.src(pkg.paths.app.scss + "**/*.scss")
.pipe($.sourcemaps.init())
.pipe($.sass())
.pipe($.autoprefixer())
.pipe($.sourcemaps.write("./maps"))
.pipe(gulp.dest(pkg.paths.app.css))
.pipe(
$.browserSync.reload({
stream: true
})
);
});
// ...
gulp.task("webpack", function() {
return gulp
.src(pkg.paths.app.js + "**/*.js")
.pipe($.webpack(webpack_config))
.pipe(gulp.dest(pkg.paths.public.js));
});
// ...