Tailwind installation

I was really served, the installation of a day of various problems reported wrong, the installation of official website documents is completely not good, I search the tutorial on the net pull a lot of useless code.
Find out how it works and record it here.
1. Install tailwindcss

npm i tailwindcss

2. Install postcss

npm i postcss

3. Install postcss-loader (pay attention not to install too high version may cause compatibility problems)


npm i [email protected]

4. Add tailwindcss to postcss.config.js without creating a new tailwindcss

module.exports = {
  plugins: {
	tailwindcss: {},
    autoprefixer: {}
  }
}

5. New CSS is added and introduced

@tailwind base;
@tailwind components;
@tailwind utilities;

6. At this point you can use the official website style class name to test, if there is no problem with the other configuration of the official website.


Read More: