gulp-browserify-starter-faq
全部标签 我一直在努力弄清楚如何干净地安装和更新来自第3方vendor的客户端Assets。我真正想做的就是获取当前版本并将生产就绪文件复制到固定位置。到目前为止我能想到的最好的就是这个丑陋的东西:gulp.task('bower',['clean','load'],function(){varbowerFilesToMove=['angular*/*','bootstrap/dist/*','fontawesome/*','jasny-bootstrap/dist/*','jcrop/css/*','jcrop/js/*','jquery/dist/*','jquery-align-colum
我们的gulp构建采用了一堆随Bower安装的库,然后将它们与我们分布在多个目录中的所有代码连接起来。这是它的样子:varjsFiles=[sourcePath+'/config/config.js',sourcePath+'/vendor/jquery/dist/jquery.js',sourcePath+'/vendor/js-cookie/src/js.cookie.js',sourcePath+'/vendor/modernizr/modernizr.js',sourcePath+'/vendor/lodash/lodash.js',sourcePath+'/vendor/pi
使用gulp-sass我可以包含.scss文件@import'filepath.scss';但是当我尝试使用@import'filepath.css'导入普通的css文件时,它只是添加了importurl(filepath.css);的导入行到输出css文件,而不是实际导入代码。如何导入CSS文件和SCSS文件?我想这样做以包含来自凉亭的文件。这是我的gulp函数://includegulpvargulp=require('gulp');//includedepsvarminifyCSS=require('gulp-minify-css'),autoprefix=require('gu
所以我遇到了一个有趣的用例,我正在使用Browserify将我的所有Assets捆绑在一个项目中,但是当某个特定的时候需要加载一个大的外部(项目外部)模块-应用程序窗口被访问。(这是一个视频播放器模块,由三个脚本组成,需要时会异步拉入)。目前我从uncalledobject收到各种错误如果在Browserified之前加载requireJS模块会出错app.js文件,到cannotfindmodule如果在Browserified代码之后加载错误。无论如何我可以让Browserify和RequireJS在同一页面上很好地播放吗?我快疯了! 最佳答案
我试着写这些代码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(
这应该很简单。我在gulpfile.js中声明了这个路径变量:paths={img:['src/patternlab/**/**/*.jpg','src/patternlab/**/**/*.png']};我想对文件扩展名使用一个简单的OR开关,如下所示:'src/patternlab/**/**/*.(jpg|png)'但是我找不到正确的语法!尝试了无数次排列,浏览了MDN等等…… 最佳答案 gulp使用的模式是npm的glob提倡的模式。包不使用精确的正则表达式模式匹配语法,我想是因为这些东西在与路径匹配时开始看起来很可怕。关于
我正在使用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
我正在我的一个项目中试用Gulp,我想像以前使用Gruntwatch一样运行它。这意味着,它必须监视更少的文件和js文件、lint、合并、编译并在完成所有操作后刷新浏览器。我设法让它与gulp-browser-sync一起工作,但由于某种原因它只能工作一次。我更改了我的.less文件,浏览器重新加载。然后,进行第二个更改,它会编译但不会重新加载。这是日志:[BS]Servingfilesfrom:./[09:47:26]Starting'css-clean'...[09:47:26]Finished'css-clean'after16ms[09:47:26]Starting'style
我的Angular应用程序具有以下结构-src/app/main/|-main.js-main.controller.js-index.html我正在使用Gulp。构建完成后,*.js文件以错误的顺序注入(inject)到index.html中。文件main.js依赖于main.controller.js,所以main.controller.js必须在main之前注入(inject)。js.这是我的gulpfile.js'usestrict';vargulp=require('gulp');vargutil=require('gulp-util');varwrench=require(
我正在使用Gulp连接来自不同目录的多个css文件(Bower管理的依赖项)。Font-awesome是这些依赖项之一,它包含对其字体的相对引用url(../font....)。当css文件被串联并放在不同的目录中时,这个相对url显然是错误的。是否有处理此问题的最佳做法? 最佳答案 你可以使用gulp-replace。https://npmjs.org/package/gulp-replace**gulp-replacecanbecalledwithastringorregex.***replace(string,replacem