在Laravel 5.5中使用PrimerCSS.io

我正在用Laravel構建應用程序&我想用PrimerCSS.io來構建它並完全刪除Bootstrap。在Laravel 5.5中使用PrimerCSS.io

我跟着docs，但我無法完成它。我 resources/assets/sass/app.scss取代@import "~bootstrap-sass/assets/stylesheets/bootstrap"; 與 @import "primer-css/index.scss";
就跑npm run watch。
但遇到問題

Module build failed: @import "primer-css/index.scss;
File to import not found or unreadable:

來源

2017-10-14 universal

請嘗試將該路徑相對於您要導入的文件進行相關處理。如：@import'../../../ node_modules/primer-css/index.scss';'（如果你在'/ resources/assets/css'中）。 – tptcat

雖然沒有幫助。同樣的錯誤'模塊構建失敗：ModuleBuildError：模塊構建失敗： @import'../../../node_modules/primer-css/index.scss'; ' – universal

我用的路徑就是一個例子。您需要將其更改爲primer-css.index文件的相對路徑。 – tptcat

這裏是我得到了一個新的工作安裝Laravel 5.5（this Laracasts post導致我在正確的軌道上）。

首先，我們需要使用includePaths option節點，青菜：

// webpack.mix.js 
let mix = require('laravel-mix'); 

mix.js('resources/assets/js/app.js', 'public/js') 
    .sass('resources/assets/sass/app.scss', 'public/css', { 
     includePaths: ["node_modules"] 
    });

然後，我們可以只包括底漆，CSS index.scss文件：

// resources/assets/sass/app.scss 
@import "~primer-css/index";

（請注意，以上~相當於../../../node_modules/）

來源

2017-10-14 21:09:49 tptcat

是的，。但是我怎樣才能生成多個文件？像'app.scss'到'public/css'＆'main.scss'到'public/css'，同時引用'includePaths：[「node_modules」]'？ – universal

在Laravel 5.5中使用PrimerCSS.io

回答

相關問題