Skip to content

Extend css task, add css-lint task #556

Closed
@aegyed91

Description

@aegyed91

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).

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions