草庐IT

gulp-less

全部标签

javascript - 在元素中使用 Node.js 作为独立的 LESS 编译器?

我一直在尝试合并lessc大型元素中的编译器具有Bootstrap的基本设置,它只会导致各种编译错误(每个人都有不同解决方案的门票)。没有一个解决方案能满足我的需求,这是一种通过命令行编译less-pile的方法。我通过node.js编译了各种其他Assets,并希望用less做同样的事情,但我发现关于这个主题的每个googlepage都是Node.js+Express,这不是我想要的。我想要一个独立的编译器。(想法:require.jsr.js文件)我找到了Node-less但它已经2年没有更新了,因此并不理想。所以。问题:是否有命令行方式可以使用node.js编译less-file

javascript - 部署到 heroku(gulp 未找到错误)

我已经克隆了meanjs存储库并部署到heroku,但应用程序无法运行并显示以下错误:应用程序错误应用程序发生错误,无法提供您的页面。如果您是应用程序所有者,请查看您的日志以了解详细信息。检查日志,它说:17-04-18T03:16:50.720375+00:00app[web.1]:2017-04-18T03:16:50.730925+00:00app[web.1]:sh:1:gulp:notfound2017-04-18T03:16:50.742737+00:00app[web.1]:npmERR!filesh2017-04-18T03:16:50.743150+00:00app[

javascript - 在 gulp.series() 中使用 del

我尝试在gulp4中启动任务之前清理文件夹vargulp=require('gulp');vardel=require('del');gulp.task('clean',function(){del.sync('folder/*');});gulp.task('foo',gulp.series('clean','something'));它不起作用,因为'clean'任务必须返回一些流。我找到了解决方法:gulp.task('clean',function(){del.sync('folder/*');varemptyStream=gulp.src([]).pipe(gulp.dest

javascript - 从 webpack 传递 less 变量

我正在尝试将webpack配置中的less变量自然地传递给less加载器。由于某种原因,变量未正常传递。我想不出正确的语法。该变量具有在构建时在webpack配置文件中确定的动态内容。这是相关的行(我已经尝试过它的许多变体):loader:'style!css?-minimize!less?-minimize&{modifyVars:{"resources-path-prefix":"'+pathPrefix+'"}}'在上面的示例中,一些路径前缀在构建时被确定,我们希望将其值传递到less上下文中,它将在url()css指令中使用。上面的方法不起作用-没有任何东西被传递到less,并

javascript - 根据 NODE_ENV 设置 gulp 任务

有没有办法根据设置的NODE_ENV指定gulp任务?例如在我的package.json文件中,我有类似的东西:"scripts":{"start":"gulp"}我有多个gulp任务gulp.task('development',function(){//rundevrelatedtaskslikewatch});gulp.task('production',function(){//runprodrelatedtasks});如果我设置NODE_ENV=productionnpmstart,我可以指定只运行gulpproduction吗?或者有更好的方法吗?

javascript - 如何运行 gulp "on end"任务,但仅在当前任务结束时运行?

我正在使用Gulp收集前端信息(通过gulp-front-matter插件),然后在聚合后将其保存到另一个文件中。在其他数据中,我保存了一堆CSS。这是我的compileCSS任务:varcollected=[];gulp.src('./client/**/*.html').pipe(frontMatter({property:'meta',remove:true})).pipe(through.obj(function(file,enc,callback){varcss=file.meta;collected.push(css);})).pipe(gulp.dest('./build

javascript - WebStorm : Failed to list gulp tasks 中的 Gulp 错误

我的WebStorm已停止读取和运行gulp任务。在上周五之前一切正常。这是控制台中出现的错误:Failedtolistgulptasksinquestionary/gulpfile.js:FailedtoparseJSON->Unterminatedarrayatline1column5path$[1]*Editsettings$/usr/local/bin/node/Users/rkon2006/Projects/My/questionary/node_modules/gulp/bin/gulp.js--no-color--gulpfile/Users/rkon2006/Proje

javascript - 正在编译 less modifyVars 时加载图标

我在前端使用window.less.modifyVars(modified_variables);来反射(reflect)变化。我想在less编译时显示loadingicon。有什么方法可以检查less是否已经开始编译并完成。 最佳答案 在less.jsGitHub存储库中,我提到了他们如何在testspec中使用modifyVars().您可以显示加载图标,调用modifyVars方法,然后使用.then()隐藏加载图标。//Showloadingiconless.modifyVars({var1:"green",var2:"pu

javascript - RequireJS require-less 和 require-css 路径

我正在使用不需要的插件require-less以及require-css插件。我的路径在使用LESS文件时变得困惑,但在使用CSS文件时却没有。我的路径是这样的:'css!assets/fontello/fontello-codes','less!assets/bootstrap/bootstrap',我的网址是:http://localhost/phoenix当LESS文件被请求时,它们以:'http://localhost/phoenix/phoenix/assets/bootstrap/bootstrap.less'我将我的基本URL设置为:baseUrl:"./phoenix/

javascript - Gulp Uglify 从 Paper.js 库中生成奇怪的字符

我正在使用Paper.js的Bower包在一个项目中。我正在使用Gulp为浏览器准备项目。但是,在bower_components/paper/dist/paper-full.min.js中有一些字符看起来像这样:\xaa\xb5\xba\xc0-\xd6\xd8-\xf6\xf8-\u02c1\u02c6-\u02d1\u02e0-\u02e4\u02ec...经过Gulp后结果是这样的:ªµºÀ-ÖØ-öø-ˁˆ-ˑˠ-ˤˬˮͰ-ʹͶͷͺ-ͽΆΈ-ΊΌΎ-ΡΣ-ϵϷ-ҁҊ-ԧԱ-Ֆՙա-ևא-תװ-ײؠ-يٮ...导致控制台错误UncaughtSyntaxError:Invalid