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

Sass 将所有导入连接到一个scss文件中,sass,Sass,我目前正在开发一个,它是一个导入到1个文件中的一长串部分 文件结构如下所示: css-directory ├── functions │   ├── _px2em.scss │   └── _unitless.scss ├── helpers │   ├── _align.scss │   ├── _clearfix.scss │   ├── _float.scss │   ├── _hidden.scss │   ├── _invisible.scss │   ├── _ir.scss │  

我目前正在开发一个,它是一个导入到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
\u verepo.scss
文件将导入所有其他部分


我希望能够将
\u verepo.scss
及其部分连接到1
.scss
文件中,这样我就可以轻松地分发它。

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

使用grunt的initConfig中的以下代码块修复了此问题:

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

很遗憾,它可能是重复的