0

我已经安装了以下软件包：

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

它正在工作。现在我想使用https://github.com/peterramsing/lost lost with stylus。所以我添加了它，但它不起作用。

我的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 install 时，我收到错误：

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'

我应该怎么办？

4

1 回答 1

0

不幸的是，你不能同时使用手写笔和 Laravel Elixir 版本 6。如果我想切换它，我正在使用的解决方法是更改​​ package.json 和 gulpfile。例如，如果我想使用新的 Laravel 5.3 前端功能，我必须修改

包.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');
});

如果我想使用手写笔

包.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 Elixir 文件以包含手写笔组件。

于 2016-09-29T11:01:27.390 回答