00-introduction.md

Introduction

Important

Please complete the main tutorial first.

Note

This tutorial shows how to use postcss and its plugins to update *.css files.

Currently, @codemod-utils doesn't provide a utility package to handle CSS. This is because (1) a few different libraries can be used, each with pros and cons, and (2) most codemods for Ember projects concern updating *.{hbs,js,ts} files (more recently, *.{gjs,gts}).

Nonetheless, you can write a codemod to update many CSS files. This tutorial will show how to integrate PostCSS with @codemod-utils/files. Our target project is assumed to be an Ember app with CSS modules.

Table of contents

1. Use existing plugins
2. Write custom plugins
3. Conclusion