Fable Minimal App
This is a small Fable app project so you can easily get started and add your own code progressively. For more comprehensive templates check this page.
- dotnet SDK 5.0 or higher
- An F# editor like Visual Studio, Visual Studio Code with Ionide or JetBrains Rider
Building and running the app
- Install dependencies:
- Start the compiler in watch mode and a development server:
- 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.
Note: check the "scripts" section in
package.jsonto see the commands triggered by the steps above.
Bundling for release
npm run build. The compiled output ends up in the
public folder under the name
JS dependencies are declared in
package-lock.json is a lock file automatically generated.
Webpack is a JS bundler with extensions, like a static dev server that enables hot reloading on code changes. 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.
The sample only contains two F# files: the project (.fsproj) and a source file (.fs) in the
index.html file and other assets like an icon can be found in the