Add and configure Tailwind CSS

Add and configure Tailwind CSS within the project, including adding npm
scripts for compiling the CSS, configuring purge settings, and adding
the `cssnano` library for minifying the CSS (which is run for production
builds).
This commit is contained in:
Oliver Davies 2020-12-26 22:03:46 +00:00
parent cdb0e67eb3
commit cb79277374
8 changed files with 2030 additions and 0 deletions

19
package.json Normal file
View file

@ -0,0 +1,19 @@
{
"private": true,
"config": {
"inputFile": "assets/css/tailwind.pcss",
"outputFile": "public/build/tailwind.css"
},
"scripts": {
"dev": "cross-env NODE_ENV=development postcss $npm_package_config_inputFile -o $npm_package_config_outputFile",
"prod": "cross-env NODE_ENV=production postcss $npm_package_config_inputFile -o $npm_package_config_outputFile",
"watch": "cross-env NODE_ENV=development postcss $npm_package_config_inputFile -o $npm_package_config_outputFile --watch"
},
"dependencies": {
"cross-env": "^7.0.3",
"cssnano": "^4.1.10",
"postcss": "^8.2.1",
"postcss-cli": "^8.3.1",
"tailwindcss": "^2.0.2"
}
}