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.