【问题标题】:Coffeescript + Browserify + Gulp + UglifyCoffeescript + Browserify + Gulp + Uglify
【发布时间】:2014-09-29 20:29:36
【问题描述】:

几乎整天都在这个,我不知道如何让它正常工作。正如主题所暗示的那样,我正在为这个设置工作而苦苦挣扎。

我有一个使用 Browserify 用 Coffeescript 编写的项目。我正在尝试编写一些 Gulp 构建任务,这些任务将 Uglify 用于生产的输出......非常标准。

这是我当前对gulpfile 的设置:

gulp = require 'gulp'
browserify = require 'browserify'
source = require 'vinyl-source-stream'
buffer = require 'vinyl-buffer'
uglify = require 'gulp-uglify'

# Bundle task
gulp.task('bundle', ->

  browserify(
    entries: ['./client/start.coffee']
    extensions: ['.coffee']
  )

  # Apply transforms and bundle
  .transform('coffeeify')
  .bundle()
  .pipe(source('bundle.js'))
  .pipe(buffer())
  .pipe(uglify())
  .pipe(gulp.dest('./build'))
)

# Run the tasks
gulp.task('default', ['bundle'])

现在这里的代码大部分都可以正常工作。正确运行任务会捆绑所有内容,然后运行 ​​Uglify,生成一个缩小的 bundle.js 文件。问题是当我运行带有链接的 JS 的示例 HTML 页面时......我在控制台中看到了这个错误:

Uncaught SyntaxError: Invalid regular expression: /[ªµºÀ-ÖØ-öø-ˈ-ˑˠ-ˤˬˮͰ-ʹͶͷͺ-ͽΆΈ-ΊΌΎ-ΡΣ-ϵϷ-ÒÒŠ-Ô§Ô±-Õ–Õ™Õ¡-Ö‡×-תװ-ײؠ-يٮٯٱ-Û“Û•Û¥Û¦Û®Û¯Ûº-Û¼Û¿ÜÜ’-ܯÝ-ޥޱߊ-ߪߴߵߺࠀ-ࠕࠚࠤࠨࡀ-ࡘࢠࢢ-ࢬऄ-हऽà¥à¥˜-ॡॱ-ॷॹ-ॿঅ-ঌà¦à¦à¦“-নপ-রলশ-হঽৎড়à§à§Ÿ-ৡৰৱਅ-ਊà¨à¨à¨“-ਨਪ-ਰਲਲ਼ਵਸ਼ਸਹਖ਼-ੜਫ਼ੲ-ੴઅ-àªàª-ઑઓ-નપ-રલળવ-હઽà«à« à«¡à¬…-ଌà¬à¬à¬“-ନପ-ରଲଳଵ-ହଽଡ଼à­à­Ÿ-ୡୱஃஅ-ஊஎ-à®à®’-கஙசஜஞடணதந-பம-ஹà¯à°…-ఌఎ-à°à°’-నప-ళవ-హఽౘౙౠౡಅ-ಌಎ-à²à²’-ನಪ-ಳವ-ಹಽೞೠೡೱೲഅ-ഌഎ-à´à´’-ഺഽൎൠൡൺ-ൿඅ-à¶–à¶š-නඳ-රලව-à·†à¸-ะาำเ-ๆàºàº‚ຄງຈຊàºàº”-ທນ-ຟມ-ຣລວສຫອ-ະາຳຽເ-ໄໆໜ-ໟༀཀ-ཇཉ-ཬྈ-ྌက-ဪဿá-á•áš-áá¡á¥á¦á®-á°áµ-á‚ႎႠ-ჅჇáƒáƒ-ჺჼ-ቈቊ-á‰á‰-ቖቘቚ-á‰á‰ -ኈኊ-áŠáŠ-ኰኲ-ኵኸ-ኾዀዂ-ዅወ-ዖዘ-áŒáŒ’-ጕጘ-ášáŽ€-áŽáŽ -á´á-ᙬᙯ-ᙿáš-áššáš -ᛪᛮ-ᛰᜀ-ᜌᜎ-ᜑᜠ-ᜱá€-á‘á -á¬á®-á°áž€-ឳៗៜᠠ-ᡷᢀ-ᢨᢪᢰ-ᣵᤀ-ᤜá¥-ᥭᥰ-ᥴᦀ-ᦫá§-ᧇᨀ-ᨖᨠ-ᩔᪧᬅ-ᬳᭅ-ᭋᮃ-ᮠᮮᮯᮺ-ᯥᰀ-á°£á±-á±á±š-ᱽᳩ-ᳬᳮ-ᳱᳵᳶᴀ-ᶿḀ-ἕἘ-á¼á¼ -ὅὈ-á½á½-ὗὙὛá½á½Ÿ-ώᾀ-á¾´á¾¶-ᾼιῂ-ῄῆ-ῌá¿-á¿“á¿–-Ίῠ-Ῥῲ-á¿´á¿¶-ῼâ±â¿â‚-ₜℂℇℊ-â„“â„•â„™-â„ℤΩℨK-ℭℯ-ℹℼ-â„¿â……-ⅉⅎⅠ-ↈⰀ-Ⱞⰰ-ⱞⱠ-ⳤⳫ-ⳮⳲⳳⴀ-ⴥⴧⴭⴰ-ⵧⵯⶀ-â¶–â¶ -ⶦⶨ-ⶮⶰ-ⶶⶸ-ⶾⷀ-ⷆⷈ-â·Žâ·-â·–â·˜-ⷞⸯ々-〇〡-〩〱-〵〸-〼ã-ã‚–ã‚-ゟァ-ヺー-ヿㄅ-ㄭㄱ-ㆎㆠ-ㆺㇰ-ㇿã€-䶵一-鿌ꀀ-ê’Œê“-ꓽꔀ-ꘌê˜-ꘟꘪꘫꙀ-ꙮꙿ-êš—êš -ꛯꜗ-ꜟꜢ-ꞈꞋ-ꞎêž-ꞓꞠ-Ɦꟸ-ê ê ƒ-ê …ê ‡-ê Šê Œ-ꠢꡀ-ꡳꢂ-ꢳꣲ-ꣷꣻꤊ-ꤥꤰ-ꥆꥠ-ꥼꦄ-ꦲê§ê¨€-ꨨꩀ-ê©‚ê©„-ê©‹ê© -ꩶꩺꪀ-ꪯꪱꪵꪶꪹ-ꪽꫀꫂꫛ-ê«ê« -ꫪꫲ-ê«´ê¬-ꬆꬉ-ꬎꬑ-ꬖꬠ-ꬦꬨ-ꬮꯀ-ꯢ가-힣ힰ-ퟆퟋ-ퟻ豈-ï©­ï©°-龎ff-stﬓ-ﬗï¬ï¬Ÿ-ﬨשׁ-זּטּ-לּמּנּï­ï­ƒï­„ï­†-ﮱﯓ-ï´½ïµ-ï¶ï¶’-ﷇﷰ-ﷻﹰ-ï¹´ï¹¶-ﻼA-Zï½-zヲ-하-ᅦᅧ-ï¿ï¿’-ᅲᅳ-ᅵ]/: Range out of order in character class

当我删除 uglify() 步骤时,它工作正常...一切都只是常规的 Javascript 并且页面呈现....有什么想法吗?提前感谢您的帮助。

【问题讨论】:

  • 我在尝试将 esprima.js 与 browserify 一起使用时遇到了类似的问题。我不知道gulp-uglify 是否将选项传递给uglify,但我必须设置以下选项才能使其工作:uglify({output: {ascii_only:true}})
  • 哇,即使是任务运行程序文件,人们真的会使用 Coffeescript 吗?
  • 菲利克斯,这行得通。老实说,我并不完全理解该选项的作用,但我很高兴它修复了它......谢谢。还有@undefined,CoffeeScript 摇滚。任务运行程序文件可能不需要,但我们将整个项目都写在其中,所以一致性很好。
  • gulp-streamingfy 是另一种选择。这是我的示例 gulpfile.coffee。 github.com/coderdojo-tokyo/web/blob/master/task/coffee.coffee
  • 如果问题解决,请添加答案并接受。

标签: javascript coffeescript gulp browserify


【解决方案1】:

正如您在 cmets 中所述,答案是在 uglifyJS 上设置 ascii_only 属性。在您的源代码中的某处,您使用了压缩器试图处理的非 ascii 字符,这最终导致了上述错误。设置此标志会将这些字符转换为 \uxxxxx 模式。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2015-10-02
    • 1970-01-01
    • 2015-04-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-11
    相关资源
    最近更新 更多