codechips / sapper-with-postcss-and-tailwind Goto Github PK

I followed instructions and ended up with the following versus what do you have

I get this error when running:

Error: PostCSS plugin postcss-import requires PostCSS 8.
Migration guide for end-users:
https://github.com/postcss/postcss/wiki/PostCSS-8-for-end-users
at Processor.normalize (/Users/nikos/WebstormProjects/quantumjs/node_modules/postcss/lib/processor.js:153:15)
at new Processor (/Users/nikos/WebstormProjects/quantumjs/node_modules/postcss/lib/processor.js:56:25)
at postcss (/Users/nikos/WebstormProjects/quantumjs/node_modules/postcss/lib/postcss.js:55:10)
at /Users/nikos/WebstormProjects/quantumjs/node_modules/postcss-cli/index.js:218:14
at async Promise.all (index 0)

Any way to make this remove unused CSS? to not have the huge tailwind.css file intact?

npm run build

I see this build a node app. Can we export this a HTML/CSS/JS project?
I simply want to create a landing page with 2-3 pages.

Cheers!

Privet, comrade. Amazing repo. Could you please bump sapper to the latest?

My problem is that inside Html Head and static folder after each build global.css file name is unchanged.
How to always generate a different filename in production in order to invalidate cache?

Thank you

The commands I've run:

git clone https://github.com/codechips/sapper-with-postcss-and-tailwind.git template
cd template
npm install
npm run dev

The output:

❯ npm run dev


> [email protected] dev /template
> run-p watch:*


> [email protected] watch:dev /template
> sapper dev


> [email protected] watch:css /template
> postcss src/assets/global.pcss -o static/global.css -w

✗ client
Cannot read property 'length' of undefined
✗ server
Cannot read property 'length' of undefined
internal/modules/cjs/loader.js:1033
  throw err;
  ^

Error: Cannot find module '/template/__sapper__/dev/server/server.js'
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:1030:15)
    at Function.Module._load (internal/modules/cjs/loader.js:899:27)
    at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:71:12)
    at internal/main/run_main_module.js:17:47 {
  code: 'MODULE_NOT_FOUND',
  requireStack: []
}
> Server crashed

Any ideas where or why this might be happening?

It's just annoying :-p. You can see my fork here.

Thanks for all the work!

npm run dev

> [email protected] dev /Volumes/ssg_sapper
> run-p watch:*

> [email protected] watch:css /Volumes/ssg_sapper
> postcss src/assets/global.pcss -o static/global.css -w

> [email protected] watch:dev /Volumes/ssg_sapper
> sapper dev

• server
Entry module "src/server.js" is implicitly using "default" export mode, which means for CommonJS output that its default export is assigned to "module.exports". For many tools, such CommonJS output will not be interchangeable with the original ES module. If this is intended, explicitly set "output.exports" to either "auto" or "default", otherwise you might want to consider changing the signature of "src/server.js" to use named exports only.
✔ client (5.6s)
> Listening on http://localhost:3000