草庐IT

Browserify

全部标签

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 - 如何使用 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 - Watchify 并不总能检测到 javascript 文件的变化

我创建了一个gulp任务,用于将模块与browserify捆绑在一起,我正在使用watchify来监视更改。这是我的watchifygulp任务:gulp.task('watch:browserify',function(){varopts=assign({},watchify.args,{entries:['./js/app.js'],debug:true,basedir:'./app/',paths:['./lib']});varb=watchify(browserify(opts));b.on('update',function(){bundle();});functionbun

javascript - 我如何在没有 bundler 的情况下使用 react.js?

最近我一直在研究react.js,我喜欢它开发工作UI组件的速度。我现在已经创建了很多组件,我想将其中一些组件分布在不同的.jsx文件中。我读过的所有内容都表明,无论何时转向生产,我都应该使用像browserify或webpacker这样的bundler。但是我反对这个想法。我喜欢用javascript开发的部分原因是因为它是一种脚本语言,没有编译器可以处理。如果我想弄乱构建链之类的东西,我可能只会用c来做我的开发工作。我主要制作工程工具。这涉及制作工具,然后将其提供给其他工程师和运算符(operator)使用。我可能一两年内不会再看一个工具。我希望当我确实需要再次查看它或者跟随我的人

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'

javascript - 在带有 Browserify 的 ES6 中使用 Bootstrap 和 jQuery 包时出错

我正在尝试使用Bootstrap与jQuery.我正在使用Browserify用Babel转化为编译。我收到以下错误。UncaughtReferenceError:jQueryisnotdefined我试过像这样导入包,但出现上述错误。import$from'jquery';importBootstrapfrom'bootstrap';四处寻找,我找到了thisanswer,所以我尝试了这个,但我仍然遇到同样的错误。import$from'jquery';window.$=window.jQuery=$;importBootstrapfrom'bootstrap';Bootstrap.

javascript - 需要 jsx 文件而不指定扩展名

我正在使用browserify和watchify,并且想要require()文件而不是默认扩展名.js和.json不指定扩展名,例如://Notideal(tedious)varCarousel=require('./components/Carousel/Carousel.jsx')//IdealvarCarousel=require('./components/Carousel/Carousel')我已经按照browserify文档中的说明尝试了--extension=EXTENSION:"scripts":{"build":"browserify./src/App.js--tra

javascript - 在没有构建过程的情况下使用 Browserify 运行脚本

我阅读了许多关于Browserify的文章,例如http://javascriptplayground.com/blog/2013/11/backbone-browserify/并且总是有如下步骤:$browserifyapp/app.js|uglifyjs>app/bundle.js这似乎是在您在浏览器中运行脚本以查看其工作原理之前完成的。每次更改代码时,有没有办法不必须构建?类似于requirejs中的define()函数... 最佳答案 现在是2015年了,有一个库,叫做drq.它使用内部同步的xhr请求,所以它只适合开发目的

javascript - browserify 和文档准备好了吗?

我正在努力使用Browserify和documentready事件。如何制作一个模块,导出仅在文档就绪事件触发后可用的内容?我如何依赖这样的模块?我的第一个尝试是尝试异步设置module.exports——开箱即用。我的nextx尝试是让模块返回一个接受回调的函数,并在文档准备就绪时调用回调。第三次尝试返回了一个promise。这似乎使得依赖模块不是很模块化,因为现在依赖模块及其依赖项(以及它们的依赖项,一路向下的海龟)也必须利用这种模式。使用Browserify和记录就绪事件的良好模式是什么? 最佳答案 试试这个:vardomre