This template can be used with preact-cli to scaffold a Preact + Tailwind CSS v2 project. Along with Tailwind CSS, this template also configures PurgeCSS in production build to remove unused tailwind classes. Note: Since Preact CLI has an older version of PostCSS configured, it makes use of Tailwind PostCSS 7 compatibility build
$ npx preact-cli create blenderskool/preact-tailwind my-project
$ cd my-project
$ npm install
$ npm run dev
Development server runs on port 8080
. If the default port is already in use on your machine it will start the development server on a random port.
-
npm run dev
: Run a development, HMR server -
npm run serve
: Run a production-like server -
npm run build
: Production-ready build -
npm run lint
: Pass JavaScript files using ESLint -
npm run test
: Run Jest and Enzyme withenzyme-adapter-preact-pure
for your tests
The template provides a basic test setup with Jest, Enzyme, and enzyme-adapter-preact-pure
. You are free to change Enzyme with any other testing library (eg. Preact Testing Library).
You can run all additional Jest CLI commands with the npm run test
command as described in the Jest docs. For example, running jest in watch mode would be :
npm run test -- --watch
instead ofjest --watch