Transform build scripts from Grunt to npm based scripts about wikimediaui-style-guide HOT 9 CLOSED

@Volker-E I'll take this and walk @awantika10 through the process.

from wikimediaui-style-guide.

Hi, I want to work on this issue, can you suggest ways to get started?

from wikimediaui-style-guide.

Hi @prsmahajan, thanks for your interest.
Similar has been done for other Wikimedia projects in past months.
A good orientation point for the simpler ones is https://gerrit.wikimedia.org/r/plugins/gitiles/wikimedia-ui-base/+/refs/heads/master/package.json

I'd suggest to go step by step moving the different scripts over.
Does this provide enough for you to start? Let me know about any other question! :)

from wikimediaui-style-guide.

Hey @Volker-E, I wish to take up this issue. However, I am new to Grunt. Could you please give me an overview of how to go about converting Gruntfile to npm scripts?

from wikimediaui-style-guide.

@Volker-E I'll take this and walk @awantika10 through the process.

Thanks!

from wikimediaui-style-guide.

I'm hijacking this issue.

Grunt and tooling context

check package.json & Gruntfile.js

• JS Linting -> ESlint
• JS Building -> ESbuild
• CSS Linting -> Stylelint
• CSS Postprocessing -> PostCSS
• Bitmap generation (svgs to png) -> Squoosh sharp
• Vector optimization -> svgo
• Watching -> ?

from wikimediaui-style-guide.

In #507 @danisztls proposed to replace soon-to-be deprecated Squoosh, which seems reasonable to me.

from wikimediaui-style-guide.

Hi, i am interested in this issue i want to contribute, can you give me suggestion that how to start?

from wikimediaui-style-guide.

Codex, as design system for Wikimedia, has become the designated successor of the Design Style Guide and doesn't feature large files anymore. Therefore closing.

from wikimediaui-style-guide.