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:
- cnpm error Module build failed: Error: No PostCSS Config found in:
- Miscellaneous Notes (2)
- Vue — report error with less module build failed: typeerror: loaderContext.getResolve is not a function
- Installation problems of aptana studio 3
- Module build failed: Error: ENOENT: no such file or directory, scandir，‘node_modules\node-sass\vend’
- Module build failed: SyntaxError: Unexpected token
- Webpack error module build failed: typeerror: fileSystem.statSync is not a function
- Module build failed: TypeError [ERR_INVALID_ARG_TYPE]: The “path“ argument must be of type string.
- Module not found: Error: Can’t resolve ‘sass-loader’ in ‘F:\H5\project-h5’
- Error: Module did not self-register
- Installing PyQt4 in Windows + Python 3.6
- Error: can’t resolve ‘FS’ in (webpack 2 configures CSS loaders)
- Use mini-css-extract-plugin to report ReferenceError: window is not defined
- Vue element admin configure global styles
- @How to solve eclipse error after setter and @ getter (@ data) annotation
- Compilation error: * * [all local] error 2
- python: This application failed to stat could not find or load the Qt platform plugin “windows”
- Python installation tutorial
- Ueditor paste word image and upload image file automatically
- (element UI component table) how to add a style to a table