laravel-elixir

问题 I'm trying to use Elixir's version() method with my 'public' folder being public_html (instead of the default 'public' method). I version my css file, which produces a build folder with the manifest inside public_html elixir.config.cssOutput = 'public_html/css'; elixir.config.jsOutput = 'public_html/js'; elixir(function(mix) { mix.styles([ 'vendor/normalize.css', 'app.css' ], null, 'public_html/css'); mix.version('public_html/css/all.css'); }); In my blade template I use <link href="{{ elixir

问题 I have a webpack application I'm using with laravel elixir. In this application I have a bootstrap.js file for initializing all of my libraries. Here it is: window._ = require('lodash'); /** * We'll load jQuery and the Bootstrap jQuery plugin which provides support * for JavaScript based Bootstrap features such as modals and tabs. This * code may be modified to fit the specific needs of your application. */ window.$ = window.jQuery = require('jquery');// $ui = require("jquery-ui"); /** *

问题 I followed one answer provided in AngularJS with Laravel 5 using NPM but I cannot successfully compile the SCSS files of lumx using Gulp. Anyone knows how to fix this? My app.scss contains this: @import "../../../bower_components/mdi/scss/materialdesignicons"; @import "../../../bower_components/lumx/dist/scss/lumx"; After running gulp, I'm getting this error: gulp-notify: [Laravel Elixir] Sass Compilation Failed: bower_components\lumx\dist\scss\_lumx.scss Error: File to import not found or

问题 So I have my custom less styles in my custom/module folder. They will all be compiled but the problem is it's creating an individual css file for each of the less files. How can I get EVERYTHING, including the my boostrap/vendor plugins etc to stack first, and all my custom css to be concatenated after, all moved to main.css? Is this possible with Elixir/Gulp? I am coming from Grunt and am a bit confused as there is not a lot of documentation on Elixir. elixir(function(mix) { mix.less([

问题 In Laravel 5 I am trying to create two different css files for my frontend site and backend site (cms). The source files are in two different directories. The default value for assets in first the backend elixir.config.assetsDir = 'resources/backend/'; elixir(function (mix) { mix.less('backend.less'); }); Second the frontend elixir.config.assetsDir = 'resources/frontend/'; elixir(function (mix) { mix.less('frontend.less'); }); Both are in the same gulpfile.js. These are the directories

问题 I'm trying to use MobX in my project and I am attempting to use class properties. However, when I run through browserify (with Laravel's Elixir). I get the error Missing class properties transform. while parsing file . Is there something I'm missing to get class properties to work with browserify? Browserify Failed!: /Users/.../resources/assets/js/pages/Show/CampaignStore.js: Missing class properties transform. while parsing file: /Users/.../resources/assets/js/pages/Show/CampaignStore.js

问题 When I try to run gulp watch , I'm getting this error: stream.js:74 throw er; // Unhandled stream error in pipe. ^ Error: ENOENT: no such file or directory, stat 'XXXX\public\build\css\client-18724fe72d.css' at Error (native) I tried to leave the client.scss file empty, and the error disappeared. I found out that the errors sometimes is appearing when I have these lines in my client.scss : // Pages @import 'pages/client/auth'; @import 'pages/client/normals'; @import 'pages/client/orders'; I

问题 This is my gulpfile.js var elixir = require('laravel-elixir'); elixir(function(mix) { mix.less([ 'style.less' ], 'public/css/style.css') .styles([ 'reset.css', 'font-awesome.min.css', 'style.css' ], 'public/css/app.css', 'public/css') .scripts(['jquery-1.12.0.min.js', 'main.js'], 'public/js/app.js', 'resources/assets/scripts') .version(['css/app.css', 'js/app.js']); }); As result I get files public/build/app-2a14246111.css public/build/app-7790e07dfb.js public/build/rev-manifest.json but when

问题 How can I use a interceptor in vue.js ? So before every request/response it should first go to the interceptor. I already searched a lot but can't find a good documentation about that. I would like to use JWTAuth like this: (function (define) { 'use strict' define(function (require) { var interceptor interceptor = require('rest/interceptor') /** * Authenticates the request using JWT Authentication * * @param {Client} [client] client to wrap * @param {Object} config * * @returns {Client} */

问题 I've installed bootstrap with bower into /vendor/bower_components folder. Also I have an app.less file with this import: @import '/vendor/bower_components/bootstrap/less/bootstrap'; For the time being it worked, when I run gulp I got public.css compiled and everything went good. However, I've reinstall npm/nvm/gulp/bower and such stuff and after then I got an error when running gulp : [15:19:07] gulp-notify: [Laravel Elixir] Less Compilation Failed!: '/vendor/bower_components/bootstrap/less