Sass 将所有导入连接到一个scss文件中
我目前正在开发一个,它是一个导入到1个文件中的一长串部分 文件结构如下所示: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 │
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'
}
}
很遗憾,它可能是重复的