3
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Easy PureScript bundling with Parcel

Posted at

Recently, there's been a lot of buzz about a new bundling tool "that could replace/kill Webpack" called Parcel. Well, put shortly, it already works well enough to replace Webpack for my own uses, and you may find you don't need Webpack to build any PureScript projects anymore either.

I installed Parcel Bundler by using npm i -D parcel-bundler. You might choose to install it globally if you want.

Building JS that requires PureScript builds from /output: Done

In my Bismuth-Example project, I have a index.js file that imports PureScript builds from output like so:

import * as Main from '../output/Main';

This then builds in Parcel by using the CLI by running parcel build ./flow-src/index.js and outputs to dist/index.js.

The convenient thing about using the output directly is that while file size suffers from Parcel not being able to efficiently compact and remove dead code from the PureScript output, the normal watch operation works instantly. And so if you are using an editor plugin for PureScript IDE, then you will see Parcel rebuild your bundles almost instantly, in my case being 120-140ms.

This is what you would want to work with most of the time anyway, so it's convenient that setup really doesn't require anything.

Building JS from --optimize built Pulp: Done

Building an optimized PureScript bundle is easy: you specify a output file and use the -O flag. Note that you often don't even need this unless you're a real pilkunnussija, and even then you might not care. Either way, if you really do, the easiest solution is to build to a folder not named dist as that's where Parcel will want to build to.

So in my Web-Audio-Player, I run pulp browserify -O --to build/app.js && parcel build build/app.js to build my app. Done.

In my Vidtracker front end, I also use a similar method by running pulp build -O -m FrontEnd --to build/index.js && parcel build build/index.js.

Conclusion

For my own uses, I will continue using Parcel unless I run into situations where I really need some specific configurations. And really, considering how PureScript can output a normal bundle and can be consumed from the /output files, I will probably not be reaching for Webpack again anytime soon.

Links

3
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?