Articles of laravel elixir

asynchronous执行Laravel Elixir命令

我在Laravel Elixir遇到了一些麻烦,并按照什么顺序执行。 我一直相信,链式长生不老将会迫使他们同步执行,但我有一些问题,在某些情况下某些命令似乎不执行,或似乎执行的顺序,这意味着他们不能正确完成。 我的第一个问题是,除非我交换了两个scripts()函数,否则dependencies.js文件从来没有被version()函数版本化,所以dependencies.js第二个运行。 另一个问题是,当我通过gulp函数运行任务时,大多数时候,字体真棒字体被复制到构build目录。 但是,在运行时,他们经常被忽略。 我可以解决这两个问题,但是我一直看到这样的小事,让我觉得我并不完全理解周围的执行顺序和微妙之处。 有谁知道我是否错过了一些明显的东西? 谢谢。 这是我的gulpfile.js代码: mix.sass("app.scss", 'public/css/', { includePaths: [paths.bootstrap + 'stylesheets/'] }) .scripts([ 'js/app.js' ], 'public/js/app.js', paths.assets) .scripts([ // paths.jquery + "dist/jquery.js", paths.bootstrap + "javascripts/bootstrap.js", paths.assets + "js/freelancer/classie.js", paths.assets + "js/freelancer/cbpAnimatedHeader.js", paths.assets + "js/freelancer/jqBootstrapValidation.js", paths.assets + "js/freelancer/contact_me.js", paths.assets + "js/freelancer/freelancer.js" ], 'public/js/dependencies.js', './') .version([ 'public/js/dependencies.js', 'public/js/app.js', 'public/css/app.css']) .copy(paths.bootstrap + […]

Laravel 5扩展Elixir以包括browserify

我的浏览工作stream程(从coffee到js,带有coffeeify browserify-shim和coffeeify )是这样的: 我有两个主要的文件, app.coffee和_app.coffee ,分别为前端和后端。 这两个文件位于resources/coffee/front和resources/coffee/back (分别)。 我正在尝试在laravel elixir中包含browserify任务,以便结果文件将位于public/js/app.js和public/js/_app.js并且可以稍后修改为生成文件夹。 到目前为止,我试图通过在elixir的node_modulesconfiguration文件夹中创build一个browserify.js文件来扩展elixir。 内容是: var gulp = require('gulp'); var browserify = require('browserify'); var watchify = require('watchify'); var source = require('vinyl-source-stream'); var logger = require('../../../gulp/util/bundleLogger'); var errors = require('../../../gulp/util/handleErrors'); var config = require('../../../gulp/config').browserify; elixir.extend('browserify', function(callback) { var bundleQueue = config.bundleConfigs.length; var browserifyThis = function(bundleConfig) { var bundler = […]

将多个文件与Laravel组合在一起

我目前正在潜入Laravel Mix,到目前为止,虽然我完全理解Laravel Mix是什么以及它是如何工作的,但我想更多地了解一些常见的做法和“怎么样”… 例如,考虑这个文件结构: /resources/assets/js/app.js (all global functions) /resources/assets/js/index/index.js (functions specific to index.js) /resources/assets/js/about/about.js (functions specific to about.js) /resources/assets/js/contact/contact.js (functions specific to contact.js) 现在,理想情况下,我想通过以下方式合并和缩小: /public/js/index/index-some_hash.js (including app.js) /public/js/about/about-some_hash.js (including app.js) /public/js/contact/contact-some_hash.js (including app.js) 据我所知,实现这一目标的方式如下: // Index mix.js([ 'resources/assets/js/app.js', 'resources/assets/js/index/index.js' ], 'public/js/index/index.js').version(); // About mix.js([ 'resources/assets/js/app.js', 'resources/assets/js/about/about.js' ], 'public/js/about/about.js').version(); // Contact mix.js([ 'resources/assets/js/app.js', 'resources/assets/js/contact/contact.js' ], 'public/js/contact/contact.js').version(); […]