Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Preflight CSS in production for Sapper Rollup

See original GitHub issue

Hello,

in my projects preflight CSS is missing when NODE_ENV is not set to development. In other cases (not defined, prod, production and so on) there is no preflight CSS in final page (underline blue hyperlinks, gray buttons etc.).

I have v3.1.1 of svelte-windicss-preprocess and issue is same for Svelte (after hot reload) and for Sapper (in build phase, dev is OK).

Otherwise, your project is cool 👍

Issue Analytics

State:
Created 2 years ago
Comments:14 (8 by maintainers)

Top GitHub Comments

1reaction

tomasheroutcommented, Mar 23, 2021

Try to clone https://github.com/tomasherout/windicss-no-preflight and then

yarn install (or npm install) npm run build npm run start

There is:

<h1>Caption</h1>

<a href="https://google.com">google.com</a>

It should look like this:

but looks:

0reactions

alexanderniebuhrcommented, Mar 31, 2021

we will drop sapper support, since svelteKit is close to be released… for svelteKit Support track readme or #65

Top Results From Across the Web

Sapper rollup template with postcss, autoprefixer and tailwind.

This template is identical to the rollup sapper-template but with additional CSS processors: postcss, tailwind, and autoprefixer. Clone the repo, install it ...

Solid Sapper setup with PostCSS and Tailwind - codechips

I spent some time trying to get Sapper to play nice with PostCSS and Tailwind CSS.

Straightforward guide to use TailwindCSS with Sapper

Initial Sapper setup; Typescript (optional); Add the required packages; Configure tailwind; Create Svelte configuration; Modify Rollup ...

Configuring TailwindCSS for Sapper - DEV Community ‍ ‍

To run the application in production more, execute npm run build . To generate the static site of the application, run npm run...

Optimizing for Production - Tailwind CSS

Tailwind CSS is incredibly performance focused and aims to produce the smallest CSS file possible by only generating the CSS you are actually...