草庐IT

gulp-browserify-starter-faq

全部标签

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 - watchify 和 gulp.watch 的区别

我刚刚开始将Browserify与gulp结合使用,并且遇到了使用watchify的示例。我不明白的是,为什么不改用gulp.watch?watchify和gulp.watch有什么区别? 最佳答案 watchify理解commonjs模块(require(./foo.js)东西)并将监视所有依赖项的变化。然后它可以重新编译包含所需更改的包,并且只从磁盘重新加载更改的文件。如果您使用gulp.watch并手动调用browserify,它必须在每次发生更改时构建依赖树。这意味着更多的磁盘i/o,因此速度会慢得多。

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 - 在没有构建过程的情况下使用 Browserify 运行脚本

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

javascript - Gulp:为缩小和非缩小脚本生成源映射

我是gulp的新手,遇到了一个很常见的问题。我想做的是将typescript编译成javascript,为它创建一个sourcemap,然后运行​​uglify。我想要丑化和非丑化js的源映射。我要实现的是以下文件结构:framework.jsframework.js.map这是我的gulp任务:vargulp=require('gulp'),uglify=require('gulp-uglify')ts=require("gulp-typescript")sourcemaps=require('gulp-sourcemaps')rename=require('gulp-rename'

javascript - 增量 gulp less build

在我的办公室,我们使用gulp来构建我们的less文件。我想改进构建任务,因为它花了一秒钟的时间来构建我们最近从事的一个大型项目。这个想法是缓存文件并只传递更改的文件。所以我从谷歌开始,发现了javascript的增量构建,ang认为用更少的钱重写它们会很容易。这是我开始的那个:https://github.com/gulpjs/gulp/blob/master/docs/recipes/incremental-builds-with-concatenate.md在几次不成功的尝试之后,我得到了以下代码(使用最新的Bootstrap分发进行了测试):vargulp=require('g

javascript - 为什么 gulp-uglify 不修改我的变量名?

我有以下任务:varuglify=require('gulp-uglify');gulp.task('scripts',function(){gulp.src('./src/scripts/*.js').pipe(concat('main.js')).pipe(uglify()).pipe(gulp.dest('./dist'));});以及以下2个javascript文件,test1.js:vartestOneOutput='functionone';console.log(testOneOutput);和test2.jsvartestTwoOutput='functiontwo';

javascript - 使用 Gulp Zip 将所有文件压缩到一个文件夹中

我正在使用gulp-zip压缩我的源文件。所以我有一个名为FIFA的主文件夹,其中包含其他子文件夹,这些子文件夹可能包含更多子文件夹和文件。此外,FIFA文件夹中还有我的package.json、gulp.js和其他一些文件。我想基本上使用gulp-zip来压缩我的整个项目并创建一个名为distribution的文件夹并将zip保存在其中。这就是我使用的代码。gulp.task('zip',function(){returngulp.src('./*,').pipe(zip('test.zip')).pipe(gulp.dest('./distribution'));});问题是,虽然

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

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

javascript - 使用 Gulp 抑制 JSHint 中的分号警告

我目前在我的Gulp工作流中使用JSHint,并希望在使用JavaScript时抑制分号错误。我目前正在使用gulp-jshint。我如何在Gulp中启用“asi”标志来消除错误?我收到的错误类型是:~/bootstrap-4.0.0-alpha/js/src/modal.js:line1,col26,Missingsemicolon.尽管它是有效的JavaScript。任何帮助,将不胜感激!如果有帮助,这是我的Gulp文件://LoadNodeModules/Pluginsvargulp=require('gulp');varconcat=require('gulp-concat')