Question

我目前正在处理一个SASS library，这是一个很长的部分导入到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

并且_verepo.scss文件导入所有其他部分。

我希望能够将_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 */\n\n'
        },
        dist: {
                src: [
                        'src/functions/_**.scss',
                        'src/prefixes/_**.scss',
                        'src/helpers/_**.scss',
                        'src/layout/_**.scss',
                        'src/modules/_**.scss',
                ],
                dest: '_verepo.scss'
        }
}

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

1 个答案: