在Laravel 5.5中使用PrimerCSS.io

时间:2017-10-14 13:44:25

标签: php css twitter-bootstrap laravel

我正在使用Laravel& amp;我想用PrimerCSS.io构建它并完全删除Bootstrap。

我跟着docs,但我无法完成它。 我替换了@import "~bootstrap-sass/assets/stylesheets/bootstrap"; @import "primer-css/index.scss";
resources/assets/sass/app.scss并运行npm run watch
但遇到了问题

  

模块构建失败:   @import" primer-css / index.scss;
  要导入的文件未找到或不可读:

1 个答案:

答案 0 :(得分:0)

以下是我使用全新安装的Laravel 5.5(this Laracasts post让我走上正轨)所做的工作。

首先,我们需要将includePaths option用于node-sass:

// 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"]
   });

然后,我们可以只包含primer-css index.scss文件:

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

(请注意,上述~相当于../../../node_modules/