Description
I was thinking about implementing the following css and css-lint tasks, at least for myself. I know the project is very barebones so i ask before i even consider open a PR if any of these are welcome in the code / wiki page.
For minifyComponentCss
and processExternalCss
tasks:
/**
* how it works:
* 1, get all external css file from `APP_ASSETS`
* 2, minify them
* 3, concatenate them to app.css
* 4, split it out to `${DIST_DIR}/${ENV}/css`
*
* In this case it handles only /src/assets/main.css.
*
* TODO:
* 1, use cssnano as a PostCSS plugin
* 2, add autoprefixer
* 3, add postcss-assets
* 4, optimize for incremental build ( gulp-cached )
*
* optional TODO (for wiki page, because it should be major** preprocessor agnostic):
* 1, use sass
* 2, add sourcemaps
* 3, optimize for incremental build ( gulp-progeny )
*
*/
Add a new css-lint
task which is going to do the following:
/**
*
* A global css linter
*
* 1, use stylelint, doiuse, colorguard
* 2, optimize for incremental build ( gulp-cached )
* 3, filter out vendor css with postcss-filter-stream**
*
*/
1**, Under major preprocessors i mean sass, less, stylus and precss. You can add any of these to the postcss stack without breaking it.
2**, For this filter the IDependency
interface needs to be extended with vendor
property. Because we don't want to see lint errors from third party libraries.
So again, i will implement these anyways for personal use. I just want to contribute if this is needed in any form (in the wiki, in the code).