草庐IT

Browserify-shim

全部标签

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:'$',}}

javascript - 在 gulp 中将文件传递给 browserify 时使用 glob 匹配

我看到的所有使用browserify和gulp的例子都假设你只想浏览1个文件。通常情况并非如此。我遇到了一个使用vinyl-transforms的例子,但我无法让它正常工作。这是(CoffeeScript)代码:#BrowserifyJSgulp.task'browserify',[],->#Createthetransformbr=transform(f)->returnbrowserify(f).bundle()#Runbrowserifygulp.src(['./public/js/**/*.js']).pipe(br).pipe(gulp.dest('.'))但是我得到以下错误

javascript - 带有 webpack 的 Intl.js polyfill/shim?

我正在使用React-Intl与webpack我需要Intlshim以支持Safari和IE,但我不想为已经支持Intlspec的浏览器加载它.polyfill非常大(900kb),我如何确保它只在不支持它的浏览器中加载? 最佳答案 您需要做一些事情。确保要求intl/Intl加载核心库而不是所有相关国家/地区。这会将库的大小从大约900kb减少到大约150kb。使用webpack的require.ensure或require([])函数仅在需要时动态要求Intl.js。这将为Intl.js文件创建一个单独的包,该文件将根据需要加载

javascript - 如何使用 gulp-browserify 观看多个文件但只处理一个文件?

我正在尝试连接gulp-browserify和gulp-watch每次源文件更改时重建我的包。但是,gulp-browserify需要一个单一的编译入口点(例如src/js/app.js)并获取每个依赖项本身:gulp.src('src/js/app.js').pipe(browserify()).pipe(gulp.dest('dist'))但是,使用gulp-watch这无法在每次更改时重建,因为只监视入口点文件。我真正需要的是可以监视多个文件,然后只处理入口点文件(查找replaceEverythingWithEntryPointFile):gulp.src("src/**/*.

javascript - 如何在同一个 browserify 命令中缩小和分解文件?

我目前有这个factor-bundle命令,我用它来捆绑我的文件,并将所有通用的东西拉到一个通用文件中:browserifyindex.jsbar-charts.jslist-filter.jsdashboard.js-p[factor-bundle-o../../static/js/index.js-o../../static/js/bar-chart.js-o../../static/js/list-filter.js-o../../static/js/dashboard.js]-o../../static/js/common.js我以前也用这个命令来丑化单个文件:browseri

javascript - 不使用 webpack 或 browserify 将 .vue 文件编译成 .js 文件

没有webpack或browserify,有什么办法可以将.vue文件编译成.js文件吗?我知道webpack或browserify的优点,但我只想要最简单的方法来编译.vue文件。例如,我有一个文件组件comp.vue编译成comp.js(编译器应该能够在.vue文件中编译sass和pug)然后我可以在我的应用程序中使用它,如下所示://itmaypackthewholecomponentintovariablecompandaddthestyleVue.component('comp',comp);window.onload=function(){newVue({el:'#app'