Laravel Mix全球Sass装载机

时间:2019-02-25 09:07:56

标签: webpack laravel-mix

我有这个Laravel Mix配置:

let mix = require('laravel-mix');

mix.sass('_dev/scss/settings/settings.scss', 'public/dist/css/').options({
  autoprefixer: {
    options: {
      browsers: [
        'last 6 versions',
      ]
    }
  }
});

在settings.scss文件中,我有以下代码:

@import 'colors';
@import 'fonts';
@import 'grid';
@import 'icons';
@import 'transitions';
@import 'animations';

我想创建一个全局文件加载。它仅提供设置目录的路径,并且所有内部文件都将自动加载。怎么做?

在古尔帕,我使用了类似的方法: https://www.npmjs.com/package/gulp-sass-glob

对我来说,加载文件的顺序无关紧要,因为我使用的是ITCSS方法。预先感谢您的帮助!

0 个答案:

没有答案