将所有导入连接到一个scss文件中

Question

我目前正在开发一个SASS库，它是导入到1个文件中的一长串部分。

文件结构如下：

css-directory
├── functions
│   ├── _px2em.scss
│   └── _unitless.scss
├── helpers
│   ├── _align.scss
│   ├── _clearfix.scss
│   ├── _float.scss
│   ├── _hidden.scss
│   ├── _invisible.scss
│   ├── _ir.scss
│   └── _visuallyhidden.scss
├── layout
│   ├── _blockquote.scss
│   ├── _button.scss
│   ├── _fixed-footer.scss
│   ├── _form.scss
│   ├── _list.scss
│   ├── _loading.scss
│   ├── _triangle.scss
│   └── _truncate.scss
├── modules
│   ├── _grid.scss
│   └── _normalize.scss
├── prefixes
│   ├── _animation-delay.scss
│   ├── _animation.scss
│   ├── _background-clip.scss
│   ├── _borderbox.scss
│   ├── _border-radius.scss
│   ├── _box-shadow.scss
│   ├── _box-sizing.scss
│   ├── _flex.scss
│   ├── _font-face.scss
│   ├── _gradient.scss
│   ├── _hyphens.scss
│   ├── _keyframes.scss
│   ├── _transform-origin.scss
│   ├── _transform.scss
│   ├── _transition.scss
│   └── _user-select.scss
└── _verepo.scss

并且CCD_ 1文件导入所有其它部分。

我希望能够将_verepo.scss和它的部分连接到1个.scss文件中，这样我就可以轻松地分发它。

Answer 1

通过使用grunt和grunt-contrib-concat找到了一个解决方案。

在grunt的initConfig中使用以下代码块修复了它：

concat: {
        options: {
                banner: '/*! veRepo.scss v%VERSION% | MIT License | https://github.com/varemenos/verepo */nn'
        },
        dist: {
                src: [
                        'src/functions/_**.scss',
                        'src/prefixes/_**.scss',
                        'src/helpers/_**.scss',
                        'src/layout/_**.scss',
                        'src/modules/_**.scss',
                ],
                dest: '_verepo.scss'
        }
}