https://github.com/nstseek/palladris-brickabode
https://github.com/nstseek/palladris-brickabode
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/nstseek/palladris-brickabode
- Owner: nstseek
- Created: 2021-03-24T19:40:07.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2021-03-25T18:48:47.000Z (about 4 years ago)
- Last Synced: 2025-01-16T09:39:27.153Z (5 months ago)
- Language: JavaScript
- Size: 2.6 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Fable Minimal App
This is a small Fable app project so you can easily get started and add your own code easily in it.
## Requirements
* [dotnet SDK](https://www.microsoft.com/net/download/core) 3.0 or higher
* [node.js](https://nodejs.org) with [npm](https://www.npmjs.com/)
* An F# editor like Visual Studio, Visual Studio Code with [Ionide](http://ionide.io/) or [JetBrains Rider](https://www.jetbrains.com/rider/).
## Building and running the app
* Install JS dependencies: `npm install`
* Install F# dependencies: `npm start`
* After the first compilation is finished, in your browser open: http://localhost:8080/
Any modification you do to the F# code will be reflected in the web page after saving.
## Project structure
### npm
JS dependencies are declared in `package.json`, while `package-lock.json` is a lock file automatically generated.
### Webpack
[Webpack](https://webpack.js.org) is a JS bundler with extensions, like a static dev server that enables hot reloading on code changes. Fable interacts with Webpack through the `fable-loader`. Configuration for Webpack is defined in the `webpack.config.js` file. Note this sample only includes basic Webpack configuration for development mode, if you want to see a more comprehensive configuration check the [Fable webpack-config-template](https://github.com/fable-compiler/webpack-config-template/blob/master/webpack.config.js).
### F#
The sample only contains two F# files: the project (.fsproj) and a source file (.fs) in the `src` folder.
### Web assets
The `index.html` file and other assets like an icon can be found in the `public` folder.