草庐IT

gulp-browserify-starter-faq

全部标签

javascript - gulp browserify reactify 任务很慢

我使用Gulp作为我的任务运行器并使用browserify来捆绑我的CommonJs模块。我注意到运行我的browserify任务非常慢,大约需要2到3秒,而我只有React和一些我为开发构建的非常小的组件。有没有办法加快任务速度,或者我在任务中有什么明显的问题?gulp.task('browserify',function(){varbundler=browserify({entries:['./main.js'],//Onlyneedinitialfiletransform:[reactify],//ConvertJSXtojavascriptdebug:true,cache:{}

javascript - gulp-mocha 如何传​​递编译器标志?

我正在尝试使用gulp-mochamodule但无法找到传递编译器标志的好方法。有没有办法将其包含在我的gulp任务中?也许以某种方式在一个单独的管道中?从命令行运行mocha的示例(工作正常)mocha--compilers.:my_compiler.jstest/**/*.js使用gulp-mocha的示例(但我可以在哪里指定编译器)?gulp.task('test',function(){gulp.src(["test/**/*.js"],{read:false}).pipe(mocha({reporter:'spec'})).pipe(exit());});我在gulp-moc

javascript - Browserify - 找不到模块 'jquery'

我正在尝试将我的应用程序与browserify捆绑在一起,但出现此错误:Cannotfindmodule'jquery'from'/home/test/node_modules/backbone'现在已经有人问过这种性质的问题,但解决方案对我没有帮助。也许我有一些独特的案例。在另一个应用程序中,运行npminstalljquery修复了它。我的package.json中没有它,我也不需要在我的任何文件中使用jquery,就像所做的一样here.一切正常。在这个新应用程序中,它不会。我尝试用npm重新安装jquery。没有什么。在package.json中将它添加到我的依赖项中。没有什么

javascript - 在 browserify 中使用 Angular 模板缓存

我正在使用browserify和ui-router构建一个小Angular应用程序。因为我不想使用服务器,所以我想使用Angular的$templateCache存储我的所有模板,如下所示:exports.templateCache=["$templateCache",function($templateCache){'usestrict';$templateCache.put('partials/someState.html',"myHtmlCode");}];为了填充缓存,我使用grunt查看我的partials文件夹,获取所有html并使用grunt-angular-templa

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 - 在 Gulp Karma 测试中设置调试选项

根据thispost(和一般互联网)如果我想在没有这些代码覆盖命令的情况下运行Karma测试......__cov_9C0014nbzu2SxN3FICah6Q.f['35']++;__cov_9C0014nbzu2SxN3FICah6Q.s['138']++;...我只需要像这样在终端中设置--debug选项:$karmastartkarma.conf.js--browsers=Chrome--single-run=false--debug但是,当通过Gulp任务运行Karma测试时,文档似乎丢失了。我在下面使用了一个简单的karma.start配置对象。我试过将debug属性设置为

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

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

javascript - 你如何使用 webpack-dev-server API 和 Gulp 的内联模式

我一直在使用webpack-dev-server带有--inline和--host标志。这一切都很好。webpack-dev-server--inline--hostexample.com然后我查看了使用gulp来结束这个任务和webpack-dev-serverAPI。vargulp=require('gulp');vargutil=require('gulp-util');varWebpack=require('webpack');varWebpackDevServer=require('webpack-dev-server');varWebpackConfig=require('

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);