連接所有導入到一個scss文件

我目前正在處理一個SASS library這是一個部分導入到一個文件的長列表。連接所有導入到一個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

和_verepo.scss文件導入所有其他的諧音。

我希望能夠連接_verepo.scss並將其分成1 .scss文件，以便我可以輕鬆分發它。

來源

2013-11-23 Adonis K. Kakoulidis

可能重複http://stackoverflow.com/questions/15949004/sass-or-less-：

用下面的代碼塊內咕嚕的initConfig的固定它包裝） – cimmanon

不幸的是，它不是 –

找到了解決方案，通過使用grunt和grunt-contrib-concat。

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' 
     } 
}

[SASS或更少的包裝（的

來源

2013-11-24 22:31:23

連接所有導入到一個scss文件

回答

相關問題