codechips / sapper-with-postcss-and-tailwind Goto Github PK
View Code? Open in Web Editor NEWBasic Sapper app with PostCSS + Tailwind
Home Page: https://sapper-with-postcss-and-tailwind.vercel.app
Basic Sapper app with PostCSS + Tailwind
Home Page: https://sapper-with-postcss-and-tailwind.vercel.app
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
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.