How to remove Bootstrap from elm-webpack-starter?

You need to edit the Webpack configuration files to exclude Bootstrap dependencies and styles. Remove references to bootstrap-sass in package.json and adjust SCSS imports in the source files, which might require basic Webpack knowledge.

elm-webpack-starter vs create-elm-app: which is better?

elm-webpack-starter offers more customization with Webpack and includes Bootstrap, ideal for teams familiar with Webpack. create-elm-app is more opinionated and zero-config, better for beginners or projects needing a simpler setup without asset management headaches.

How to upgrade Elm to version 0.19 in elm-webpack-starter?

It requires manual updates: change the Elm version in package.json, update the elm-webpack-loader configuration, and migrate code for breaking changes from Elm 0.18 to 0.19, as this starter doesn't support it out of the box.

Does elm-webpack-starter include testing setup?

No, it lacks built-in testing tools like elm-test or CI configurations. You'll need to manually add and configure testing frameworks, which can be time-consuming compared to more comprehensive starters.

How to deploy an elm-webpack-starter app to Netlify?

Build the project using 'npm run build' to generate the dist folder, then configure Netlify to deploy from that directory. You might need to adjust paths in the Webpack config if issues arise with static asset serving.

Open-Awesome

elm-webpack-starter

JavaScript

A Webpack-based boilerplate for developing Elm applications with live reloading, asset support, and production bundling.

Visit Website GitHub

851 stars104 forks0 contributors

What is elm-webpack-starter?

elm-webpack-starter is a boilerplate project that provides a ready-to-use Webpack configuration for developing Elm applications. It sets up a development environment with live reloading, asset management, and production bundling, eliminating the need to manually configure build tools. The starter includes Bootstrap for styling and a basic Elm app scaffold to help developers get started quickly.

Target Audience

Elm developers who want a pre-configured build pipeline with Webpack, especially those new to Elm or looking for a standardized project setup.

Value Proposition

It saves time by providing a battle-tested Webpack configuration tailored for Elm, including hot reloading and production optimizations out of the box. Developers can start coding immediately without wrestling with build tool configuration.

Overview

Boilerplate for developing Elm apps on Webpack

Use Cases

Best For

Quickly starting new Elm projects with a modern build pipeline
Learning Elm with a pre-configured development environment
Prototyping Elm applications with built-in Bootstrap styling
Projects requiring asset management (CSS, images) alongside Elm code
Teams wanting a standardized Elm + Webpack setup across projects
Developers transitioning from JavaScript build tools to Elm

Not Ideal For

Projects using Elm 0.19 or later, as this starter is configured for Elm 0.18.
Applications requiring integration with other frontend frameworks like React or Vue, as it's Elm-centric.
Teams that want to use a different CSS framework or no CSS framework, since Bootstrap 3.3 is bundled by default.

Pros & Cons

Pros

Live Reloading & HMR

Includes a development server with hot module replacement for faster iteration, as highlighted in the README for quick coding cycles.

Comprehensive Asset Support

Handles CSS, SCSS with Autoprefixer, and image assets out of the box, simplifying frontend asset management without extra configuration.

Bootstrap Integration

Comes with Bootstrap 3.3+ (Sass version) for rapid UI prototyping, reducing initial styling setup time for developers.

Production-Ready Builds

Automates bundling and minification for deployment, ensuring optimized output for production as demonstrated in the build script.

Cons

Outdated Dependencies

Based on Elm 0.18 and Bootstrap 3.3, which are several versions behind current releases, limiting access to newer language features and modern CSS frameworks.

Limited Flexibility

Bundles Bootstrap by default, which adds unnecessary bloat for projects not using it, and removing it requires manual Webpack configuration changes.

Potential Setup Issues

The 'reinstall' script performs a global Elm install, which could conflict with existing installations or not align with containerized or isolated development environments.

Frequently Asked Questions

Related Projects

elm-app-boilerplate

Base project for Elm applications

Stars120

Forks16

Last commit8 years ago

elm-new

💾 Generate a new Elm project from the command line (Elm 0.16+)

Stars81

Forks2

Last commit6 years ago

elmkit

:school_satchel: Elm kit is web application boilerplate kit for development. This kit build on Brunch, Node, Sass, Elm-lang. It helps you to start development more productive following best practices.

Stars52

Forks5

Last commit2 months ago

elm-init

Initialise scaffolding for a new Elm project

Stars11

Forks0

Last commit9 years ago

Community-curated · Updated weekly · 100% open source

Found a gem we're missing?

Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.

Submit a project Star on GitHub