草庐IT

gulp-inject

全部标签

javascript - 如何在任何应用程序中使用 jquery 注入(inject) html 标记?

我想将html标记注入(inject)到不同平台的多个站点的div中。理想情况下,它看起来像这样,每个开发人员都可以在我的js中插入一个脚本标签。让我们假设每个应用程序都有bootstrap和jquery。而html只会在应用程序上是这样的我想在标题中插入我的html标记。我也想js插入到css源的链接。问题是,应用程序只有jquery。$(document).ready(function(){//insertlinktoheadercss$('head').append('');//inserthtmlindiv$("#globalHeader").html("HomeAbout")

javascript - Browserify 错误结束 gulp 监视任务

我的gulpfile.js中有以下设置:gulp.task('browserify',function(){browserify(config.paths.browserifyEntry).transform(reactify).bundle().pipe(source('master.js')).pipe(gulp.dest(config.paths.dist))//.pipe(connect.reload());});gulp.task('watch',function(){gulp.watch(config.paths.components,['browserify']);gul

javascript - gulp pipe(gulp.dest()) 不产生任何结果

我目前正在学习gulp.js。当我看到gulp.js的教程和文档时,这段代码:gulp.src('js/*.js').pipe(uglify()).pipe(gulp.dest('minjs'));创建丑陋的javascript文件,创建名为“minjs”的新目录。当然,我使用--dev-save选项安装了gulp-uglity。控制台上没有错误消息,所以我不知道是什么问题。我尝试使用“sudo”进行gulp,但仍然无法正常工作。所以我去了根目录并搜索了所有文件系统,但没有名为“minjs”的文件,所以我猜它只是无法正常工作。为什么会这样?任何人都知道这个问题,这很好。完整源代码:va

javascript - 如何使用 Gulp 通过 SSH 复制文件夹?

我最近一直在尝试gulp,并取得了很大的成功,但现在我被难住了。我正在构建所有内容,之后我想上传一个文件夹。我已经使用gulp-scp2为此创建了一个deploy任务:gulp.task('deploy',['clean','build'],function(){varprivateKeyPath=getUserHome()+'/.ssh/id_rsa';gulp.src('public/dist').pipe(scp({host:'myhost',username:'user',dest:'/home/user/test',agent:process.env['SSH_AUTH_SO

javascript - 如何缩小 gulp-webpack 文件?

有如下情况:gulp.task('webpack',function(cb){gulp.src('webpack-init.js').pipe(webpack({output:{filename:'bundle.js',},})).pipe(gulp.dest('./client/js'));cb();});一切正常,但我想缩小输出文件。如果我直接使用gulp-uglify-.pipe(webpack(...)).pipe(uglify().on('error',gutil.log)).pipe(gulp.dest('./client/js'));有一个错误:“意外的标记:punc()

javascript - Chrome 调试器注入(inject) javascript

我有这种好奇心,是否可以通过某种方式在我的页面中注入(inject)javascript并执行和调试它?正如您使用控制台所做的那样,但在控制台中您不能暂停和观察变量。是否可以调试我通过控制台输入的代码?为什么无法调试通过XHR接收的代码?谢谢! 最佳答案 我今天从Chromium学到的一个技巧是,如果你放置这个词:debugger;就在您要调试的语句之前。它会在调试器上中断。它对注入(inject)的脚本非常有用。 关于javascript-Chrome调试器注入(inject)java

javascript - 从 gulp 中使用 browserify 时如何将 'require' 暴露给浏览器?

当我有一个看起来像这样的x.js文件时:x.jsmodule.exports=function(n){returnn*111}然后我像这样从命令行运行browserify:browserify-r./x.js>bundle.js我得到一个看起来像这样的输出文件(大致):require=(functione(t,n,r){function......./App.jsx":[function(require,module,exports){module.exports=require('0+DPR/');},{}]},{},[])然后在我的浏览器代码中我可以这样做:Reactserverr

javascript - 依赖任务的 gulp 错误处理

请找到gulpfile.js的内容如下。任务uglify依赖于任务jshint。目前,当我运行gulp时,无论jshint任务的结果如何,这两个任务都会执行。我不希望在出现“jshint”错误时执行uglify任务。换句话说,当存在依赖任务时,如果前面的任务检测到错误,我不希望执行后续任务。在gulp中有可能吗?vargulp=require('gulp');varjshint=require('gulp-jshint');varuglify=require('gulp-uglify');gulp.task('jshint',function(){returngulp.src(['as

javascript - 如何在 Controller 中手动注入(inject)路由解析数据?

我有2个路由共享一个Controller,一个需要在View加载之前解析数据,另一个不需要解析的数据。路由段示例:...when('/users',{controller:'UsersCtrl',templateUrl:'/partials/users/view.html',resolve:{resolvedData:['Accounts',function(Accounts){returnAccounts.get();}]}}).when('/users/add',{controller:'UsersCtrl',templateUrl:'/partials/users/add.htm

javascript - 使用注入(inject)的 javascript 检测 Youtube 视频变化

我正在构建一个扩展(一些注入(inject)的js),它将一些按钮添加到youtube页面,效果很好。我的问题是,当用户点击另一个视频(比如在右侧列表中)时,下一个视频会在没有实际页面重新加载的情况下加载。有什么方法可以检测到此更改以便我可以重新运行我的代码吗?我已经尝试过绑定(bind)到hashchange事件,但无济于事。 最佳答案 这个想法很简单:使用background.js使用chrome.tabs.onUpdated监听特定youtube标签页的url变化一旦检测到选项卡更改,将新URL发送到该选项卡中运行的内容脚本后