草庐IT

Browserify

全部标签

javascript - Browserify、minifyify、条件编译

长话短说minifyify(Browserify插件)使用uglify-js但似乎无法处理Conditionalcompilation:压缩工程uglifyjs单独用于条件编译minifyify提供了额外的编译优化,但我无法使用它进行条件编译我将Browserify与babelify转换器和minifyify插件一起使用。这是cmd,分解为可读部分:浏览器化src/scripts/app/index.js-o构建/产品/公共(public)/Assets/js/appBundle.min.js-t[babelify--presets[es2015]]-p[minifyify--no-m

javascript - Babel 和 Browserify/Webpack 混淆

快速提问。我对ES2015(ES6)有点困惑。假设我使用Babel将ES6Javascript编译为兼容当前浏览器的ES5。import/export函数已经在ES6中通过使用Babel提供。那么,当ES6可以为我做这件事时,如果我只是简单地使用它们来捆绑我的模块,为什么我需要像Browserify或Webpack这样的东西呢?无论我走到哪里,我都会看到人们将Babel与Browserify或Webpack结合使用。虽然我知道像Webpack这样的东西可以用于更多,但我想知道是否也可以使用ES6语法来打包文件。我在这里可能完全错了,我可能迷失在2016年的Javascript丛林中,所

javascript - Browserify 在大型 Web 项目中的最佳实践 - Gulp

事情是这样的我来自一个网页中包含多个js文件的世界。有些总是包含在页面中(您的库、菜单等...)和其他取决于当前页面(用于登录页面的js、用于订阅的js等。..).基本上假设我有每页1个不同的js文件加上库。现在我想用browserify开始一个新项目,我遇到了一个大问题:在我见过的所有示例中,总是一个入口点(如app.js)。在我的例子中,我将有n个入口点(每页1个)。所以我的问题是:每页有1个入口点是否违反良好做法?为什么?如果是,浏览具有大量页面特定JS的大型应用程序的最佳做法是什么?如果否,如何使用Gulp将其自动化。在我发现的每个例子中。您必须知道每个文件的名称并一个接一个地

javascript - Babel polyfill 和 gulp

我无法使用gulp正确加载babel/polyfill。在我的例子中,Array.from方法是未定义的。但是,如果尝试使用gulp.add(require.resolve("babel/polyfill"))加载browser-polyfill.js,我会得到一个错误"onlyone允许使用babel/polyfill实例”。源代码是正确的,因为我已经用babelbrowser-polyfill.js测试了它。源代码://Lib.jsexportdefaultclassLib{constructor(){varsrc=[1,2,3];this.dst=Array.from(src);

javascript - 在 Backbone.js 应用程序中使用 lodash 而不是下划线

我正在编写一个Backbone应用程序,并且在阅读在线文档时,我了解到Backbone唯一的硬依赖是Underscore。但是,我想使用Lodash而不是Underscore。有人可以提供有关如何执行此操作的步骤吗? 最佳答案 如果您正在使用Browserify,请查看BrowserifySwap或Aliasify我个人使用BrowserifySwap。package.json用法示例:"browserify":{"transform":["browserify-swap"]},"browserify-swap":{"@packag

javascript - 在同一页面上使用 Browserify 和 RequireJS?

所以我遇到了一个有趣的用例,我正在使用Browserify将我的所有Assets捆绑在一个项目中,但是当某个特定的时候需要加载一个大的外部(项目外部)模块-应用程序窗口被访问。(这是一个视频播放器模块,由三个脚本组成,需要时会异步拉入)。目前我从uncalledobject收到各种错误如果在Browserified之前加载requireJS模块会出错app.js文件,到cannotfindmodule如果在Browserified代码之后加载错误。无论如何我可以让Browserify和RequireJS在同一页面上很好地播放吗?我快疯了! 最佳答案

javascript - 如何同时使用 'gulp-babel' 和 'gulp-browserify'

我试着写这些代码gulp.task('script',function(){'usestrict'returngulp.src(['app.js','components/**/*.jsx']).pipe(babel()).pipe(browserify()).pipe(gulp.dest("dist"));});但它显示了一些错误:SyntaxError:/Users/Zizy/Programming/learn-react-js/components/CommentBox.jsx:58^ParseError:UnexpectedtokenatwrapWithPluginError(

javascript - Browserify with jQuery >= 2 产生 "jQuery requires a window with a document"

我正在使用browserify通过CommonJS样式的依赖项来捆绑我的前端javascript。例如,我有:$=require('jquery/dist/jquery');//v2.1.0-beta2_=require('underscore');Backbone=require('backbone');但是,当browserify捆绑依赖项时,我遇到了以下控制台错误:Error:jQueryrequiresawindowwithadocument查看jQuery代码,我发现它正在尝试将this用于全局window。(function(window,factory){....}(th

javascript - 如何使用 Browserify 要求 html 模板

我正在尝试找出一种简单的方法来在脚本中需要一个html模板,然后从CLI运行browserify。假设我想抓取一个模板并将其附加到正文。//index.jsvartemplate=require('./template.html');document.body.appendChild(template);和Woooo!然后使用CLI将其全部包装在Browserify中。浏览器化index.js>build.js在浏览器中加载引用build.js的index.html模板时,我在控制台中收到此错误:UncaughtSyntaxError:Unexpectedtoken引用....},{}

javascript - 用 browserify 填充一个 jQuery 插件

您好,我正在使用gruntbrowserify任务来设置我的代码,我已经在jQuery中填充,现在我正在尝试包含jquery.tablesorter。jquery插件可以通过这种方式与browserify一起使用吗?shim:{jquery:{path:'lib/bower/jquery/jquery.js',exports:'$'},'jquery.tablesorter':{path:'lib/bower/jquery.tablesorter/js/jquery.tablesorter.js',exports:'tablesorter',depends:{jquery:'$',}}