在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:

请尝试将该路径相对于您要导入的文件进行相关处理。如：@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/）

是的，。但是我怎样才能生成多个文件？像'app.scss'到'public/css'＆'main.scss'到'public/css'，同时引用'includePaths：[“node_modules”]'？ – universal

在Laravel 5.5中使用PrimerCSS.io

相关推荐