Yoyoyo, what's up guys?
OMG, it's been a while since my last article. A lot going on, thankfully good stuff (:
I use Stackblitz a lot. Like A LOT. Today I created a new Typescript/RxJs project, once done, I was trying to export it and run it locally. Long story short, it wasn't running locally out-of-the-box.
Lucky us, my friend Tomek Sułkowski got us covered, all it took was to reach out and ask him:
Hey Tomek, how do you locally run a Stackblitz project with Typescript and RxJs?
NOTE: If you don't follow Tomek on Twitter already, you should.
All you gotta do is:
- Export the project from Stackblitz.
- Extract the project into the folder of your preference.
- Go to the project's directory using a terminal.
- Run
npm i -D parcel.
With parcel it's easy to spin up a server that properly serves the index.html file. Before continuing, add your .ts files as scripts in the index.html file.
<!-- Your HTML code --> <script src="index.ts"></script>
NOTE: If you have more than one .ts file, you may need to inject them all.
The last thing we're going to do is adding a new script to the package.json to serve the application.
{ "name": "<your_project_name>", "version": "0.0.0", "private": true, "scripts": { ... "serve": "parcel index.html" }, "dependencies": { ... }, "devDependencies": { ... } }
You made it! Now call npm run serve and go to http://localhost:1234 in your browser.
NOTE: This guide is for simple projects, if you find issues trying to follow it, drop me a comment down below.