Uglify从Browserify捆绑了JS

我安装了以下模块:

  • babelify
  • 巴别预置-ES2015
  • browserify
  • uglifyify
  • 现在我有一个包含ES6 javascript的核心文件server.js 。 我可以将ES6转换为ES5,并使用以下命令将浏览器的代码捆绑在一起:

    browserify server.js -o ./public/bundle.js -t [ babelify --presets [es2015] ]
    

    但是现在我想要获得uglifyify 缩小代码添加源图 。 我无法得到这个工作,我只是不能制定正确的命令。 我试过以下内容:

    browserify server.js -t uglifyify -t [ babelify --presets [es2015] ] -o ./public/bundle.js
    
    browserify server.js -o ./public/bundle.js -t [ uglifyify, babelify --presets [es2015] ]
    
    browserify server.js uglifyify -o ./public/bundle.js -t [ babelify --presets [es2015] ]
    

    甚至没有babel:

    browserify server.js -o ./public/bundle.js -t uglifyify
    browserify server.js -t uglifyify -o ./public/bundle.js
    

    也许你需要使用管道“|” 为了做出多个程序试试这个:

    browserify server.js -t babelify | uglifyjs > public/bundle.js
    

    我希望它有帮助,否则我会很乐意继续帮助你解决这个问题;)

    最好的祝福。


    uglifyify在本地安装uglifyify是不够的 - 您还需要uglifyify安装uglifyify -es ,因为它已被uglifyify 。 你像这样安装它:

    npm i -g uglify-es
    

    然后你就这样使用它:

    browserify server.js -o ./public/bundle.js -t uglifyify
    

    与babelify一起使用

    如果你还需要这里的babelify如何做到这一点:

    browserify server.js -o ./public/bundle.js -t uglifyify -t babelify
    

    直接使用uglify-es

    您也可以直接使用uglifyify uglify-es直接跳过使用uglifyify ,如下所示:

    browserify server.js | uglifyjs -c > ./public/bundle.js
    

    的唯一目的uglifyify是使得uglify-es可作为一个browserify 变换

    链接地址: http://www.djcxy.com/p/5633.html

    上一篇: Uglify bundled JS from Browserify

    下一篇: Gulp + babelify + browserify issue