DARK: Meraki > Discard comments + Autoprefixer

[eihabkhan1]

Note

Don't get startled by the large number of changed files, most of those changes are the result of installing and using postCSS plugins

JIRA Ticket

DARK

Prerequisites

• Make sure to have this repo cloned and setup locally on your machine
• cd into the project
• Make sure you have all packages installed pnpm i

QA Steps

• cd into /themes/aura.
• Run pnpm dev.

Testing existing files

• Inspect main.scss, you'll notice that there are comments in that file.
• Inspect main.css. Ensure that there are no comments there.

Testing new files

• Create a new SCSS file in /styles, call it test.scss for example.
• Add a multi-line comment and define some arbitrary CSS rule:

/*
* This comment shouldn't be carried out to the .css file
*/

.foo {
    color: red;
}

• Once you save the file a .css counterpart should be generated in /assets.
• Open the newly generated css file (/assets/test.css).
• Ensure that the comment isn't there and that white spaces were reduced, this is how the output should look like:

.foo{
  color:red;
}