未生成sass gulp源映射 P>我通过BuelSySc和注入CSS/JS来代理网站,这样我可以使用ZURB基金会和SASS在托管环境中,在那里我没有访问HTML文件/SSH,因为它都是在浏览器编辑器中构建的。 所以我必须代理它,注入样式和js。当一切完成后,上传它。但由于某些原因,我似乎无法让sourcemaps与我的设置一起工作。另外一双眼睛是受欢迎的

未生成sass gulp源映射 P>我通过BuelSySc和注入CSS/JS来代理网站,这样我可以使用ZURB基金会和SASS在托管环境中,在那里我没有访问HTML文件/SSH,因为它都是在浏览器编辑器中构建的。 所以我必须代理它,注入样式和js。当一切完成后,上传它。但由于某些原因,我似乎无法让sourcemaps与我的设置一起工作。另外一双眼睛是受欢迎的,sass,gulp,zurb-foundation,browser-sync,gulp-sourcemaps,Sass,Gulp,Zurb Foundation,Browser Sync,Gulp Sourcemaps,文件夹层次结构: + assets (css + js in here) + node_modules + scss (scss in here) 这是我的文件: const gulp = require('gulp'); const sass = require('gulp-sass'); const autoprefixer = require('gulp-autoprefixer'); const sourcemaps = require('g

文件夹层次结构:

+ assets (css + js in here)
+ node_modules
+ scss (scss in here)
这是我的文件:

const gulp          = require('gulp');
const sass          = require('gulp-sass');
const autoprefixer  = require('gulp-autoprefixer');
const sourcemaps    = require('gulp-sourcemaps');
const browserSync   = require('browser-sync').create();
function style(){
    return gulp.src('./scss/**/*.scss')
    // sourcemaps
        .pipe( sourcemaps.init( { loadMaps: true, largeFile: true } ) )
        .pipe( sass({ 
                includePaths: ['./node_modules/foundation-sites/scss'],
                noCache: true,
                sourceMap: true,
                errLogToConsole: true
            })
        ).on('error', sass.logError )
        .pipe( autoprefixer({ browsers: ['last 2 versions', 'ie >= 8', 'android >= 4.4', 'ios >= 7'] }) )
        .pipe( sourcemaps.write( './' ) )
        .pipe( gulp.dest( './assets' ) )
        .pipe( browserSync.stream() );
}
function watch(){
    browserSync.init({
        plugins: ['bs-console-qrcode'],
        open: false,
        proxy: "https://somedomain.com/",
        files: ['assets/**'],
        serveStatic: ["assets/"],
        rewriteRules: [
            {
                match: new RegExp('somedir/inject.css'),
                fn: function() {
                  return '/addMe.css';
                }
            }
        ],
        snippetOptions: {
            rule: {
                match: /<\/body>/i,
                fn: function (snippet, match) {
                    return '<script src="/js/vendor/what-input.js"></script>' + 
                    '<script src="/js/vendor/foundation.min.js"></script>' + 
                    '<script type="text/javascript" src="/addMe.js" ></script>' + snippet + match;
                }
            }
        }
    });
    gulp.watch( './scss/**/*.scss', style );
    gulp.watch( './assets/**.js' ).on( 'change', browserSync.reload );
}

exports.style = style;
exports.watch = watch;
const gulp=require('gulp');
const-sass=require('gulp-sass');
const autoprefixer=require('gulp-autoprefixer');
const sourcemaps=require('gulp-sourcemaps');
const browserSync=require('browser-sync')。create();
函数样式(){
返回一口src('./scss/***.scss')
//源地图
.pipe(sourcemaps.init({loadMaps:true,largeFile:true}))
.pipe(sass({
包括路径:['./节点模块/基础站点/SCS'],
是的,
sourceMap:true,
errLogToConsole:true
})
).on('error',sass.logError)
.pipe(自动刷新器({浏览器:['last 2 versions','ie>=8','android>=4.4','ios>=7']}))
.pipe(sourcemaps.write('./'))
.管道(大口目的地('./资产'))
.pipe(browserSync.stream());
}
函数监视(){
browserSync.init({
插件:['bs-console-qrcode'],
开:错,
代理:“https://somedomain.com/",
文件:['assets/**'],
serveStatic:[“资产/”],
重写规则:[
{
匹配:newregexp('somedir/inject.css'),
fn:函数(){
返回'/addMe.css';
}
}
],
代码段选项:{
规则:{
匹配://i,
fn:函数(代码段,匹配){
返回“”+
'' + 
''+片段+匹配;
}
}
}
});
大口手表('./scss/***.scss',风格);
在('change',browserSync.reload)上吞下.watch('./assets/**.js');
}
exports.style=样式;
exports.watch=手表;

有什么想法吗?

这很难,但是如果在
sass()
函数中将
sourceMap:true
更改为
sourceMap:true
(小写)会怎么样?很遗憾,没有效果