Introduction
Hi nojaf from the future, its you from the past. Today you created a build script for compiling Fable projects on Travis CI. Using a Docker image you maintain it is pretty easy to set up a Travis CI process. This blogpost is meant to capture what you knew then in case you sorta forgot.
The good part
Once you logged in to Travis, create a project by selecting a repository. Don’t worry you log in with your GitHub account and hit the add button. They know you are you and you get to choose a repository you have on GitHub.
If you did that then create a .travis.yml similar to
language: minimal
services:
- docker
sudo: required
before_install:
- docker pull nojaf/fable:2.3
jobs:
include:
- stage: "CI"
script: docker run -v "${PWD}:/app" -w "/app" nojaf/fable:2.3 bash -c "yarn && yarn postinstall && yarn build"
Watch out, yaml is indentation sensitive and one extra space you mess the whole file 🙃. Use http://www.yamllint.com/ in case of doubt.
In the file you just created, you basically download the Docker image, run some yarn or npm run command in it and compile F# to JavaScript.
The package json contains something like
"scripts": {
"start": "webpack-dev-server",
"build": "webpack -p",
"postinstall": "paket restore && paket generate-load-scripts -f netstandard2.0 -t fsx",
"predeploy": "npm run build",
"deploy": "gh-pages -d docs"
},
So the whole webpack thing is being triggered there.
The source
We both know the next time you’ll need this you are going to copy this anyway from some previous project. Check out https://github.com/nojaf/fable-reactstrap to do so.
Final words
Plato once said no two trees are exactly alike, yet when we use the word tree people know what you mean. So yeah, think about that next time you can’t sleep. Take care man.
Yours truly,
nojaf
Photo by Augustin de Montesquiou