Skip to content
Permalink
Browse files

Replace gulp with Parcel

We have a small ‘contributing’ site that uses gulp as a build process.
It compiles Sass and runs a little server. It requires a bit of
configuration that we have to maintain.

This commit swaps gulp out for Parcel to reduce the code we need to
maintain, as Parcel is a zero-configuration bundler.

Closes #351
  • Loading branch information
tysongach committed Feb 24, 2020
1 parent aaf4d62 commit 8e185755973d9307f03d07d5c647972ec228e990
Showing with 6,824 additions and 3,131 deletions.
  1. +2 −1 .gitignore
  2. +10 −10 CONTRIBUTING.md
  3. +0 −45 Gulpfile.js
  4. +1 −1 contrib/index.html
  5. +1 −1 contrib/styles.scss
  6. +6,808 −3,069 package-lock.json
  7. +2 −4 package.json
@@ -1,8 +1,9 @@
_site
.cache
.DS_store
.sass-cache
*gem
*swp
contrib/build
Gemfile.lock
contrib/*.css
node_modules
@@ -5,42 +5,42 @@ agree to abide by the thoughtbot [code of conduct]. Here’s a quick guide:

[code of conduct]: https://thoughtbot.com/open-source-code-of-conduct

While developing and contributing to Bitters you can use gulp to spin up an
example site to help preview your changes! Running `gulp` to pull in the
stylesheets and serve a small HTML preview page at `http://localhost:3000`.
While developing and contributing to Bitters you can use [Parcel][parcel] to
spin up an example site to help preview your changes! Run `npm run contrib`
to pull in the stylesheets and serve a small HTML preview page
at `http://localhost:1234`.

[parcel]: https://parceljs.org

## Getting started

1. Fork the repository.

1. Make your changes in a topic branch.

1. Make sure you have Node.js, npm & gulp installed:
1. Make sure you have Node.js & npm installed:

```bash
$ npm -v
$ gulp -v
```

If you don't have Node.js or npm, you can download it
[here](https://nodejs.org/).

If you don't have gulp, you can download it [here](http://gulpjs.com/).

1. Next up, `cd` in to Bitters and run `npm install`:

```bash
$ cd bitters
$ npm install
```

Then run the gulp build command:
Then run the Parcel build command:

```bash
$ gulp
$ npm run contrib
```

This will have gulp compile the stylesheets from `core/` and link them to a
This will have Parcel compile the stylesheets from `core/` and link them to a
test page so you can preview your changes!

1. Squash your commits into a single one (more on that

This file was deleted.

@@ -5,7 +5,7 @@
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Have fun ♥️</title>
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="styles.scss">
</head>
<body>
<header class="welcome-message" role="banner">
@@ -1,4 +1,4 @@
@import "bourbon";
@import "~node_modules/bourbon/core/bourbon";
@import "../core/base";

body {

0 comments on commit 8e18575

Please sign in to comment.
You can’t perform that action at this time.