Laravel ошибка эликсира стилус

Question

Я установил следующий пакет:

https://github.com/JeffreyWay/laravel-elixir-stylus

И это работает. Теперь я хочу использовать https://github.com/peterramsing/lost, потерянный с помощью стилуса. Поэтому я добавил это, но он не работает.

Мой package.json:

{ 
    "private": true, 
    "scripts": { 
    "prod": "gulp --production", 
    "dev": "gulp watch" 
    }, 
    "devDependencies": { 
    "bootstrap-sass": "^3.3.0", 
    "gulp": "^3.9.1", 
    "laravel-elixir": "^5.0.0", 
    "laravel-elixir-stylus": "^1.0.1", 
    "postcss": "^5.0.21", 
    "poststylus": "^0.2.3" 
    } 
} 

gulpfile.js

var elixir = require('laravel-elixir'); 
var postStylus = require('poststylus'); 

elixir(function(mix) { 
    mix.stylus('app.styl', null, { 
     use: [postStylus(['lost', 'postcss-position'])] 
    }); 
}); 

При попытке установить НПМ я получаю ошибку:

npm WARN unmet dependency /Users/Janssen/Code/forum/node_modules/autoprefixer-core requires postcss@'~4.1.12' but will load 
npm WARN unmet dependency /Users/egen/Code/forum/node_modules/postcss, 
npm WARN unmet dependency which is version 5.0.21 
npm WARN unmet dependency /Users/egen/Code/forum/node_modules/gulp-autoprefixer requires postcss@'^4.1.5' but will load 
npm WARN unmet dependency /Users/egen/Code/foru 

Когда я бегу gulp Я принимаю:

Cannot find module 'postcss-position' 

Что мне делать?

Answer 1

К сожалению, вы не можете использовать стилус с Laravel Elixir версии 6 одновременно. Обходной путь, который я использую, заключается в изменении package.json и gulpfile, если я хочу переключить его. Например Если я хочу использовать новую Laravel 5.3 передка функцию я должен внести поправки в

package.json

{ 
    "private": true, 
    "scripts": { 
    "prod": "gulp --production", 
    "dev": "gulp watch" 
    }, 
    "devDependencies": { 
    "babel-preset-es2015": "6.9.0", 
    "gulp": "^3.9.1", 
    "jquery": "^3.1.1", 
    "laravel-elixir": "^6.0.0-11", 
    "laravel-elixir-stylus": "^1.0.0", 
    "laravel-elixir-vue": "^0.1.4", 
    "laravel-elixir-vueify": "^2.0.0", 
    "laravel-elixir-webpack-official": "^1.0.2", 
    "lodash": "^4.14.0", 
    "vue": "^1.0.26", 
    "vue-resource": "^1.0.2" 
    } 
} 

Gulpfile.js

var elixir = require('laravel-elixir'); 

require('laravel-elixir-webpack-official'); 
elixir(function(mix) { 

    //mix.webpack('app.js'); 
}); 

Если я хочу использовать стилус

package.json

{ 
    "private": true, 
    "scripts": { 
    "prod": "gulp --production", 
    "dev": "gulp watch" 
    }, 
    "devDependencies": { 
    "babel-preset-es2015": "6.9.0", 
    "gulp": "^3.9.1", 
    "jquery": "^3.1.1", 
    **"laravel-elixir": "^5.0.0-11",** 
    "laravel-elixir-stylus": "^1.0.0", 
    "laravel-elixir-vue": "^0.1.4", 
    "laravel-elixir-vueify": "^2.0.0", 
    "laravel-elixir-webpack-official": "^1.0.2", 
    "lodash": "^4.14.0", 
    "vue": "^1.0.26", 
    "vue-resource": "^1.0.2" 
    } 
} 

Gulpfile.js

var elixir = require('laravel-elixir'); 

require('laravel-elixir-stylus'); 

elixir(function(mix) { 
    mix.stylus('app.stylus'); 
}); 

Это обходной путь я использую кроме того, что нам придется ждать Jeffrey Way, чтобы обновить основные Laravel Эликсир файлы включить компонент стилуса.