Git Product home page Git Product logo

seed-rs / seed-quickstart-webpack Goto Github PK

View Code? Open in Web Editor NEW
109.0 109.0 15.0 6.69 MB

Template for web apps with Seed (Rust framework), TailwindCSS and Webpack.

Home Page: https://quickstart-webpack.seed-rs.org

License: Other

Rust 87.91% JavaScript 7.85% CSS 2.26% TypeScript 0.21% Handlebars 1.76%
github-actions handlebars netlify prerendering rust seed tailwindcss template web-assembly webpack

seed-quickstart-webpack's People

Contributors

aklajnert avatar ctjhoa avatar dependabot[bot] avatar fattenap avatar martinkavik avatar viewpointics-tan avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  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  avatar  avatar  avatar  avatar

seed-quickstart-webpack's Issues

Publish via netlify error

Hi on a fork of this repo when I try to publish to netlify the build fails with:

2:31:30 AM: + 2 hidden modules
2:31:32 AM: ๐Ÿง Checking for wasm-pack...
2:31:32 AM: โ„น๏ธ Installing wasm-pack
2:31:32 AM: Error: spawn cargo ENOENT
2:31:32 AM: at Process.ChildProcess._handle.onexit (internal/child_process.js:240:19)

I am using "yarn build:release" for the build command and "dist" for the site location

When you were deploying did you ever get this issue?

yarn start leads to TypeError

That's what I did:

git clone https://github.com/MartinKavik/seed-quickstart-webpack
cd seed-quickstart-webpack
yarn
yarn start

That's the error msg:
Bildschirmfoto_2019-10-08_17-05-25

About page cannot be refreshed in the release version

When I build the project in release mode with yarn build:release and the start a simple http server in the dist folder with python3 -m http.server, the about page fails to reload if I navigate to it manually and then refresh the page. A 404 page is displayed instead.

SCSS

Write docs how to use SCSS instead of TailwindCSS + maybe implement some basic skeleton.

Importing npm modules

HI! Really love what you have done here and the work you and David are bringing to the web as a whole. Is it possible to import and use (non-node) npm modules?

For example, I try adding 'react' to package.json:

"dependencies": {
    "react": "^16.8.6"
}

importing react in clock.ts:

import React from 'react';

But running yarn build results in a ts-loader error:
image

I've had a google to see if similar problems were found with ts-loader but I couldn't figure it out. Had a brief scan over the webpack docs too but I'm not familiar with webpack.

Help? ๐Ÿ˜ธ

Font files get corrupted when cloning this repository

The files get corrupted when I try to clone the repo or download it as a zip. The only way to get them is to download them as raw files.
After googling for a bit, I learned that this happens to font files in git repos because git tries to manage line endings for you. It can be fixed by adding this to your .gitattributes

*.woff binary
*.woff2 binary

yarn build:release makes TypeErr

I cloned this template by use this template and typed
yarn build:release

It prints error below

    ERROR in ./css/styles.css (./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/src??ref--7-2!./css/styles.css)
    Module build failed (from ./node_modules/postcss-loader/src/index.js):
    TypeError: usedCssClassesInFile.map(...).flat is not a function
        at files.forEach.filePath (/home/dokang/projects/furiosa/practice_arch/node_modules/postcss-typed-css-classes/index.js:314:24)
        at Array.forEach (<anonymous>)
        at content.forEach (/home/dokang/projects/furiosa/practice_arch/node_modules/postcss-typed-css-classes/index.js:306:13)
        at Array.forEach (<anonymous>)
        at getAndFilterParsedClassesWithOpts (/home/dokang/projects/furiosa/practice_arch/node_modules/postcss-typed-css-classes/index.js:304:13)
        at /home/dokang/projects/furiosa/practice_arch/node_modules/postcss-typed-css-classes/index.js:59:24
        at LazyResult.run (/home/dokang/projects/furiosa/practice_arch/node_modules/postcss/lib/lazy-result.js:288:14)
        at LazyResult.asyncTick (/home/dokang/projects/furiosa/practice_arch/node_modules/postcss/lib/lazy-result.js:212:26)
        at LazyResult.asyncTick (/home/dokang/projects/furiosa/practice_arch/node_modules/postcss/lib/lazy-result.js:225:14)
        at /home/dokang/projects/furiosa/practice_arch/node_modules/postcss/lib/lazy-result.js:217:17

ubuntu 20.04
node v10.19.0
yarn 1.19.1
rustc 1.46.0

yarn start or yarn build works well

Update to seed 0.5

Hi! First of all thank you for the amazing project!

Are you working on updating this quickstart to seed 0.5? If so, could you be so kind to give us any ETA? I'd like to use this template as a basis for a new project and I wonder, should I wait a bit for an updated version or do the transition myself.

Generated stylesheet is too big

The PurgeCSS doesn't work anymore. The generated stylesheet has around 1.8M and contains all Tailwind classes.
It should contain only classes that were used in the project and everything else should be removed from it.

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.