Gulp Uglify從Paper.js庫中產生奇怪的字符

Question

我在項目中使用了Paper.js的Bower包。我正在使用Gulp爲瀏覽器準備項目。有一些人物，但是，像這樣在bower_components /紙/距離/紙full.min.js：

\xaa\xb5\xba\xc0-\xd6\xd8-\xf6\xf8-\u02c1\u02c6-\u02d1\u02e0-\u02e4\u02ec... 

爲此像這樣通過咕嘟咕嘟會後：

ªµºÀ-ÖØ-öø-ˁˆ-ˑˠ-ˤˬˮͰ-ʹͶͷͺ-ͽΆΈ-ΊΌΎ-ΡΣ-ϵϷ-ҁҊ-ԧԱ-Ֆՙա-ևא-תװ-ײؠ-يٮ... 

在

Uncaught SyntaxError: Invalid regular expression: /[ªµºÀ-ÖØ-öø-ˈ-Ë‘Ë -ˤˬˮͰ-ʹͶͷͺ-ͽΆΈ-ΊΌΎ-Ρ[Lots more strange characters] Range out of order in character class

這裏控制檯錯誤導致我一飲而盡文件的相關大塊：

var gulp = require('gulp'); 
var stylus = require('gulp-stylus'); 
var uglify = require('gulp-uglify'); 
var concat = require('gulp-concat'); 
var browserify = require('browserify'); 
var reactify = require('reactify'); 
var source = require('vinyl-source-stream'); 
var jade = require('gulp-jade'); 
var nib = require('nib'); 
var del = require('del'); 

var cfg = require('./cfg.json'); 

var action = { 
    clean: function(cb){ 
    del([ 
     ['./', cfg.dir.root.dev].join('') 
    ], cb); 
    }, 
    concatLibs: function(){ 
    gulp.src([ 
     './bower_components/jquery/dist/jquery.min.js', 
     './bower_components/react/react.js', 
     './bower_components/when/es6-shim/Promise.js', 
     './bower_components/lodash/lodash.min.js', 
     './bower_components/postal.js/lib/postal.min.js', 
     './bower_components/oboe/dist/oboe-browser.min.js', 
     './bower_components/paper/dist/paper-full.min.js']) 
     .pipe(uglify()) 
     .pipe(concat('lib.js')) 
     .pipe(gulp.dest(['./', cfg.dir.root.dev, cfg.dir.type.js].join(''))); 
    }, 
... 

我已經分離出的問題過程中的這一部分：

.pipe(uglify()) // in the concatLibs action 

也就是說，註釋掉這行不產生特殊字符，並且不會導致控制檯錯誤。

uglify()方法seems to be the canonical one，需要像這樣：var uglify = require('gulp-uglify')。所以有什麼問題？爲什麼uglify()造成這種情況？

Answer 1

這裏的問題似乎是，你已經醜化已經縮小的庫。

更好的方法是不要觸摸第三方庫，只按原樣串接它們。這意味着你應該儘可能包含你的libs的縮減源代碼。您現在擁有react.js和Promise.js的未分級版本。

Both和es6-shim提供了一個縮小版本，這些縮小版本在執行bower install時已經到位。爲了解決這個問題，你的任務應該是這樣的：

... 
concatLibs: function(){ 
    gulp.src([ 
     './bower_components/jquery/dist/jquery.min.js', 
     './bower_components/react/react.min.js', 
     './bower_components/when/es6-shim/Promise.min.js', 
     './bower_components/lodash/lodash.min.js', 
     './bower_components/postal.js/lib/postal.min.js', 
     './bower_components/oboe/dist/oboe-browser.min.js', 
     './bower_components/paper/dist/paper-full.min. 
     .pipe(concat('lib.js')) 
     .pipe(gulp.dest(['./', cfg.dir.root.dev, cfg.dir.type.js].join(''))); 
    } 
... 

這將提供給您一個lib.js只有精縮第三方庫用最小的改變你gulpfile.js。