使用Laravel Mix从Stylus中的node_modules导入

时间:2017-05-13 18:55:11

标签: webpack stylus laravel-mix

我有一个大型的Stylus项目,我需要从vanilla Gulp移植到Laravel Mix。

app.styl包含另一个framework.styl来自node_modules的@import个东西。我无法在Laravel Mix中使用useimport标志(或者至少我无法弄清楚如何),因为

  1. 对于某些依赖项,我只需要在node_modules文件夹中导入特定文件,而不是整个
  2. 有了一个依赖项,我需要在导入之前在Stylus 中设置一长串变量。
  3. main.styl

    @import "includes/framework.styl"
    
    /* Other stuff */
    

    包括/ framework.styl

    $variable = 1.5
    $other = white
    /* bunch more */
    
    @import "jeet"
    @import "foo/src/specific.styl"
    
    ks-no-conflict = true
    @import "kouto-swiss"
    
    /* other stuff */
    

    @import中的所有framework.styl来自node_modules。加载这些依赖项和文件的顺序很重要,因为如果以错误的顺序加载它们会相互冲突。

    但是,当我运行npm run dev时,它会抱怨它无法在framework.styl内找到任何依赖关系位置。

    我尝试使用@import~/node_modules/./node_modules/等为../../../../node_modules路径添加前缀;似乎没什么用。这一切都导致:

    failed to locate @require file node_modules/jeet/styl/index.styl
    

    使用../../../../node_modules../../../node_modules,我得到以下内容;

    Module build failed: Error: EISDIR: illegal operation on a directory, read
        at Error (native)
    

    如何让Stylus在node_modules(我的首选解决方案)中找到这些依赖项,或者在Laravel Mix选项中复制上面的内容?

0 个答案:

没有答案