browserify相关内容
我使用Gulp作为我的任务跑步者,并通过browserify捆绑我的CommonJs模块。 我注意到运行我的browserify任务非常慢,大约需要2 - 3秒,而我所拥有的就是React和我构建的一些非常小的组件 有没有加快任务的方法,或者我的任务中有任何明显的问题? gulp.task('browserify',function(){ var bundler = brow
..
我正尝试使用gulp和browserify将 .jsx 文件转换为 .js 文件。 var gulp = require('gulp'); var browserify = require('browserify'); var reactify = require('reactify'); gulp.task('js',function(){ browserify('pu
..
我试图在Gulp中丑化Browserify的输出,但它不起作用。 gulpfile.js $ b var browserify = require('browserify'); var gulp = require('gulp'); var uglify = require('gulp-uglify'); var source = require('vinyl-source
..
我正在学习browserify来管理我的javascript。 我的第一个简单任务是创建一个react.js文件,该文件将由gulp + browserify生成 $ p $ var browserify = require('gulp-browserify'); gulp.task('browserify-react',function(){ return gulp.src('j
..
我尝试写这些代码 pre $ g $ p $ gulp.task('script',function(){ '使用严格的' return gulp.src(['app.js','components / ** / *。jsx']) .pipe(babel()) .pipe(browserify ()) .pipe(gulp.dest(“dist”)); }); 但它显示了一
..
我正在尝试连接 gulp-browserify 和 gulp-watch 在每次源文件更改时重建我的包。但是, gulp-browserify 需要一个编译入口点(例如 src / js / app.js )和获取每个依赖关系本身: gulp.src('src / js / app.js') .pipe browserify()) .pipe(gulp.dest('dist'))
..
当我有一个如下所示的文件x.js时: x.js module.exports = function(n){return n * 111} 然后我从命令行运行browserify,如下所示: browserify -r ./x.js> bundle.js 我得到一个如下所示的输出文件(大致): require =(function
..
这是事情, 我来自一个世界,您的网页中包含几个js文件。 一些总是包含在页面中(您的库,菜单等等),其他则取决于当前页面(js用于登录页面,js用于订阅等)。 ..)。 基本上我们假设每页有 1个不同的js文件加上库。 现在我想开始一个使用browserify的新项目和我面临的一个大问题: 在我看过的所有例子中,总是一个入口点(如app.js)。 在我的情况下,我会有 n个入口点
..
对于我的团队来说,我正尝试在Gulp和Browserify的帮助下建立一个半自动 JavaScript脚本和依赖管理系统。 我甚至不确定我想通过目前可用的工具集(以及我有限的JavaScript知识)实现的目标。我相信我试图达到的是一个很常见的情况,但我一直无法找到我一直在寻找的信息。 请考虑下图: 这些线条表示依赖关系。对于共享模块,例如 Module-v 和 Module-y
..
我是整个浏览器的新手。 我一直在尝试使用browserify + reactify + gulp来转换,缩小和合并React应用程序。 只要我有一个 React.createClass 与一个 module.exports = MyComponent 一切正常精细。 由于我有几个共享组件,我物理地托管在同一个文件中并在各个项目中重复使用,因此我想导出多个组件。 我尝试了一个数组: m
..
var gulp = require('gulp'); var $ = require('gulp-load-plugins')(); var source = require('vinyl-source-stream'); var browserify = require('browserify'); $ b gulp.task('scripts',function(){ r
..
我正在尝试编写一个允许我在JS中使用模块的gulp任务(CommonJS很好),使用browserify + 6to5。我还希望源映射工作。 所以: 1.我使用ES6语法编写模块。 2. 6to5将这些模块转换为CommonJS(或其他)语法。 3. Browserify捆绑模块。 4.源图指向原始的ES6文件。 如何编写这样的任务? 编辑:以下是我到目前为止: 吞
..
我使用gulp + browserify来构建和打包我的JavaScript库。现在有一件事情让我困扰:我正在运行一个简单的服务器,通过grep进行livereload开发。这工作正常,但只要我的JavaScript包含语法错误,browserify会引发错误,导致服务器停止。 我使用的browserify代码(请注意,我已添加一个错误处理程序): browserify(“./ sr
..
我遇到问题,找到一种规范的方法来构建具有级联浏览器化依赖项的应用程序。我有一个依赖图,看起来像这样: angular - > lib 1 - > lib 2 - >应用程序 库和应用程序都是CommonJS Angular模块。我想单独捆绑每个库,以便它们可以独立使用和/或在非CJS应用程序中使用。当我捆绑应用程序时,我希望将所有上游代码(angular,lib1,l
..
我正在尝试使用babel,grunt,browserify和ES2015来源的角度2。我正在尝试一个简单的加载组件的模板到我的文档中的基本示例。 构建运行正常,并且创建的包没有错误,但是当加载没有任何反应,我在控制台中没有任何错误,因此很难进行调试。 我花了很多时间试图弄明白,并且基于我可能的例子在网上找到我的配置似乎没问题,但如果它不工作清楚我有什么问题。我根本看不到它。 Pa
..
下面的gruntfile设置确实能够编译打字稿,但没有发生babel的转换。 任何人都可以让我知道如何做到这一点? (我可能需要使用gulp来做到这一点??) browserify:{ main:{ src:'app / scripts / main.ts', dest:'app / scripts / bundle.js', }, 选项:{ browserifyOption
..
我正在使用 Grunt 构建React项目,并希望拥有'dev'和'prod'风味。正如反应文档所述: 要在生产模式下使用React,请将环境变量NODE_ENV设置为生产。 建议使用UglifyJS来执行死代码清除工作,如果您完全删除开发模式中存在的额外代码,建议使用 。 我非常喜欢使用grunt,browserify和东西,但让我们拭目以待。我遇到的第一个问题是envify,我
..
我遵循这里的说明: https://www.npmjs.org/package/grunt-browserify,尝试为grunt上的browserify设置源地图。我的grunt文件中的browserify选项是: browserify:{ options:{ bundleOptions:{ debug:true } }, dist:{ 文件:{ “public / cli
..
我试图在浏览器中使用Browerifiy,如果我使用独立选项,它会公开一个模块。我不想这样做。 实际编译代码后,网站和文档似乎在我看来无处不在的地方切断了。 没有人说过如何实际使用浏览器属性中的代码。 我有这样一个咕task任务: browserify:{ standalone:{ src:[' / shared-components
..
在 grunt-browserify 版本2.0.2中, browserify-shim 已从模块中移除并转换作为转换使用,而不是简单的选项在 grunt-browserify 任务。 使用 grunt-browserify 'libs-dev':{ src:[path.join ('','angular','angular.
..