7

我在一个项目中使用Paper.js的 Bower 包。我正在使用 Gulp 为浏览器准备项目。然而，在 bower_components/paper/dist/paper-full.min.js 中有一些字符看起来像这样：

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

经过 Gulp 后，结果是这样的：

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

导致控制台错误

未捕获的语法错误：无效的正则表达式：/[ªµºÀ-ÖÃ~-öø-ˈ-Ë'Ë -ˤˬˮͰ-ʹͶͷͺ-ͽΆÎ^- ΊΌΎ-Ρ[许多奇怪的字符]字符类中的范围乱序

这是我的 gulp 文件的一个相关块：

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()方法似乎是规范的方法，需要像这样：var uglify = require('gulp-uglify'). 所以有什么问题？为什么会uglify()造成这种情况？

4

2 回答 2

0

这里的问题似乎是你正在丑化已经缩小的库。

更好的方法是不接触第三方库，只按原样连接它们。这意味着您应该尽可能包含库的缩小源。react.js您现在拥有和的未缩小版本Promise.js。

react 和 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.

于 2016-01-14T09:32:20.957 回答
0

而使用 Unicode 字符时，ascii_only需要将参数设置为true.

在这种情况下 .pipe(uglify({output: {ascii_only:true}}))应该工作。

ascii_only (默认 false) -- 转义字符串和正则表达式中的 Unicode 字符（影响非 ascii 字符变为无效的指令）。丑化选项

于 2018-12-06T10:12:54.553 回答