Giter Club home page Giter Club logo

sapper-with-postcss-and-tailwind's Introduction

sapper-with-postcss-and-tailwind's People

Contributors

codechips avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

sapper-with-postcss-and-tailwind's Issues

Dependences issue, PostCSS 8 missing

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

image

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)

Question: build as a HTML project?

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!

How to generate hashed global.css name

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

npm run dev: Entry module "src/server.js" is implicitly using "default" export mode

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

Clean run doesn't work off master

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?

Bump versions

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

Remove unused css

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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.