Skip to content

Snowpack #28

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
argyleink wants to merge 13 commits into from
Closed

Snowpack #28

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
13 commits
Select commit Hold shift + click to select a range
2fdfc27
initial pass
argyleink May 6, 2020
525928e
almost got it all working
argyleink May 6, 2020
d70e85a
trying to use the plugin
argyleink May 8, 2020
53a6ddc
got it all working
argyleink May 19, 2020
634580a
Merge branch 'master' into snowpack
argyleink May 19, 2020
14a446a
update actions to new build dir
argyleink May 19, 2020
4c878c3
build to dist again
argyleink May 19, 2020
ba08a0e
remove shortstack cruft
argyleink May 19, 2020
9461d35
update for snowpack
argyleink May 19, 2020
9279427
remove checked in web modules
argyleink May 19, 2020
3ffa32d
remove excess npm packages
argyleink May 19, 2020
d8bf147
more shortstack cruft removal
argyleink May 19, 2020
705e196
readme match package.json
argyleink May 19, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
9 changes: 5 additions & 4 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
dist/
node_modules/
app/bundle.css
app/bundle.js
.build
build
dist
node_modules
web_modules
.DS_Store
31 changes: 2 additions & 29 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,24 +1,7 @@
[![Netlify Status](https://api.netlify.com/api/v1/badges/59a03ed4-bf70-4441-b65c-200bcd61c013/deploy-status)](https://app.netlify.com/sites/shortstax/deploys)

### CSS
[PostCSS](https://postcss.org) to **bundle**, **import from NPM, local or remote URLs**, handy [easings](https://easings.net), plus [postcss-preset-env](https://preset-env.cssdb.org/) for **latest CSS features**.

### JS
[Rollup](https://rollupjs.org) to **bundle**, **treeshake**, **import from NPM, local or remote URLs**, **import processed CSS**, plus [babel-preset-env](https://babeljs.io/docs/en/babel-preset-env) for **latest JS features**.

### Servers
[Browsersync](https://www.browsersync.io) with all the goodies for local dev: **live reload**, **hot swap CSS**, **scroll syncing**, **remote debugging**, [etc](https://www.browsersync.io). Prod server is just a static server.

<br>

> Watch me break it down on [YouTube!](https://links.argyle.ink/shortstack)

<br><br>

## Getting Started
[use this as a Github template](https://github.com/argyleink/shortstack/generate)

OR
### Snowstack
https://snowpack.dev

#### Clone Shortstack into a new folder
1. `mkdir new-project-name && cd $_`
Expand All @@ -31,13 +14,3 @@ OR (essentially the same thing with npx+degit)
#### Install tools and spin it up
1. `npm i`
1. `npm start`

<br><br>

## Development
Running `npm start` runs Browsersync, Rollup and Postcss concurrently, watching changes to your files in `./app` and refreshes connected browsers.

## Production
Running `npm run build` compiles and minifies your code in `app` and outputs the optimised result to a folder called `dist` that's ready for static hosting.

Running `npm run production` will build your project and start a server at `dist`.
4 changes: 2 additions & 2 deletions app/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,8 +9,8 @@
<meta name="theme-color" content="#ff69b4">
<meta name="description" content="🙂">

<link rel="stylesheet" href="bundle.css">
<script src="bundle.js" type="module" defer></script>
<link rel="stylesheet" href="/src/index.css">
<script src="/src/index.js" type="module" defer></script>
</head>
<body>

Expand Down
15 changes: 0 additions & 15 deletions app/js/index.js
View file
Open in desktop

This file was deleted.

13 changes: 13 additions & 0 deletions babel.config.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
{
"presets": [
[
"@babel/preset-env",
{
"targets": {
"esmodules": true
},
"bugfixes": true
}
]
]
}
Loading