私はgulpが新しく、lessファイル用のソースマップを作成しようとしました。しかし、それはmissing semicolon
エラーで壊れます。しかし、私は私のIDEでエラーをチェックするときに、行方不明のセミコロンを見つけることができないようです。gulp sourcemapsのエラー出力が不明確
gulp.task('styles', function() {
return gulp.src(paths.less + '/styles.less')
// .pipe(less().on('error', gutil.log))
.pipe(plumber()) // Checks for errors
.pipe(maps.init())
.pipe(less())
.pipe(maps.write('./'))
.pipe(autoprefixer({browsers: ['last 2 version']})) // Adds vendor prefixes
.pipe(pixrem()) // add fallbacks for rem units
.pipe(gulp.dest(paths.css))
.pipe(rename({ suffix: '.min' }))
.pipe(cssnano()) // Minifies the result
.pipe(gulp.dest(paths.css));
});
を、エラーは次のとおりです:
私はgulpfileタスクを使用していますが、あまりにも早くあなたのパイプラインのmaps.write()
を呼び出していることを
less/styles.css.map:1:69: Missed semicolon> 1 | {"version":3,"sources":["mixins.less","base.less","responsive.less"],"names":[],"mappings":"A
..........
max-width: 140px;\n margin: 0 auto;\n .caption {\n font-size: 12px;\n background: #fff;\n padding: 0 15px;\n padding-bottom: 15px;\n color: @color-2;\n font-family: arial, sans-serif;\n }\n }\n }\n }\n \n .navbar-fixed-top .navbar-collapse {\n padding-left: 15px;\n padding-right: 15px;\n }\n \n .features-video {\n padding-top: 170px;\n }\n \n .pricing {\n padding-top: 170px;\n }\n \n .apps-section {\n padding-top: 160px;\n }\n \n .story-section {\n padding-top: 170px;\n }\n \n .contact-section {\n padding-top: 125px;\n }\n \n .bg-slider-wrapper {\n position: fixed;\n }\n \n \n}\n\n/* Large devices (large desktops, 1200px and up) */\[email protected] (min-width: 1200px) {\n \n};\n\n\n"],"file":"styles.css","sourceRoot":"/source/"}
この質問は、LESSファイルがないと特に便利ではありません。 [mcve]の作成方法をお読みください。 –
リンクをありがとう私の少ないファイルはここにあります:https://github.com/yunti/less/tree/master – Yunti