All Projects → elm-community → Elm Webpack Starter

elm-community / Elm Webpack Starter

Boilerplate for developing Elm apps on Webpack

Programming Languages

javascript
184084 projects - #8 most used programming language
elm
856 projects

Labels

Projects that are alternatives of or similar to Elm Webpack Starter

Revive
React + Redux + Webpack
Stars: ✭ 10 (-98.87%)
Mutual labels:  webpack
Vue Rails Form Builder Demo
An example of Rails app using vue-form-for gem
Stars: ✭ 12 (-98.64%)
Mutual labels:  webpack
M Fe Boilerplates
Lucid & Futuristic Production Boilerplates For Frontend(Web) Apps, React/RN/Vue, with TypeScript(Optional), Webpack 4/Parcel, MobX/Redux 💫 多技术栈前端项目模板
Stars: ✭ 877 (-0.79%)
Mutual labels:  webpack
Flow Bin Loader
webpack loader for Flow
Stars: ✭ 11 (-98.76%)
Mutual labels:  webpack
Dva Arcgis Cli
A command-line tool extends dva-cli, with JavaScript API for ArcGIS.
Stars: ✭ 12 (-98.64%)
Mutual labels:  webpack
Thinkful Workshop React Redux Node Mongodb Webpack2
Stars: ✭ 12 (-98.64%)
Mutual labels:  webpack
Online Bling
Stars: ✭ 9 (-98.98%)
Mutual labels:  webpack
Fe Space
Share a question or topic every day
Stars: ✭ 14 (-98.42%)
Mutual labels:  webpack
React Niukeapp
仿牛客APP客户端react项目,使用antdmobile的webpack模板创建
Stars: ✭ 12 (-98.64%)
Mutual labels:  webpack
Tvrboreact
Dream starter project: React, Redux, React Router, Webpack
Stars: ✭ 13 (-98.53%)
Mutual labels:  webpack
Uniapp Cli
一套用于 WEB APP 开发 和 Mobile APP 开发的解决方案
Stars: ✭ 11 (-98.76%)
Mutual labels:  webpack
Front End Stack
Starter kit for building single-page app using React, Redux, RxJS, Reselect, Material UI, Immer, Prettier and Webpack.
Stars: ✭ 11 (-98.76%)
Mutual labels:  webpack
Svelte Redux Shopping Cart
Example Shopping Cart App using Svelte, Redux, and Webpack
Stars: ✭ 13 (-98.53%)
Mutual labels:  webpack
Adfs managers
This is site (web-app) to manage teams and statistic for ADFS
Stars: ✭ 10 (-98.87%)
Mutual labels:  webpack
Webpack Dev Server
Serves a webpack app. Updates the browser on changes. Documentation https://webpack.js.org/configuration/dev-server/.
Stars: ✭ 7,250 (+720.14%)
Mutual labels:  webpack
Deprecated
🚀 Framework for building universal web app and static website in Vue.js (beta)
Stars: ✭ 858 (-2.94%)
Mutual labels:  webpack
Webpack2 Express Heroku Starter
Starter app using Webpack 2, Express, setup to deploy to Heroku.
Stars: ✭ 12 (-98.64%)
Mutual labels:  webpack
Front End Canteen
你的前端食堂,吃好每一顿饭🍥
Stars: ✭ 878 (-0.68%)
Mutual labels:  webpack
Nebular
💥 Customizable Angular UI Library based on Eva Design System 🌚✨Dark Mode
Stars: ✭ 7,368 (+733.48%)
Mutual labels:  webpack
Webpack Common Shake
CommonJS Tree Shaker plugin for WebPack
Stars: ✭ 875 (-1.02%)
Mutual labels:  webpack

elm-webpack-starter

About:

A simple Webpack setup for writing Elm apps:

  • Dev server with live reloading, HMR
  • Support for CSS/SCSS (with Autoprefixer), image assets
  • Bootstrap 3.3+ (Sass version)
  • Bundling and minification for deployment
  • Basic app scaffold, using Html.beginnerProgram
  • A snippet of example code to get you started!

Install:

Clone this repo into a new project folder, e.g. my-elm-project:

git clone https://github.com/moarwick/elm-webpack-starter my-elm-project
cd my-elm-project

Re-initialize the project folder as your own repo:

rm -rf .git         # on Windows: rmdir .git /s /q
git init
git add .
git commit -m 'first commit'

Install all dependencies using the handy reinstall script:

npm run reinstall

This does a clean (re)install of all npm and elm packages, plus a global elm install.

Serve locally:

npm start
  • Access app at http://localhost:8080/
  • Get coding! The entry point file is src/elm/Main.elm
  • Browser will refresh automatically on any file changes..

Build & bundle for prod:

npm run build
  • Files are saved into the /dist folder
  • To check it, open dist/index.html

Changelog

Ver 0.8.6

  • Update Packages (-> Webpack 2)
  • fix paths in file-loader
  • clean up build script

Ver 0.8.5

  • Fix loading path of generated js file, per Issue 47

Ver 0.8.4

  • Fix hot reloading of components, per Issue 44

Ver 0.8.3

  • Update packages
  • Attempt to fix path issues when building for prod (temp)

Ver 0.8.2

  • Webpack config improvements (PR by Lesuk)

Ver 0.8.0

  • Update to Elm 0.18, use debug=true on webpack loader (PR by douglascorrea)
  • Add a script for one-step installs
  • Update to latest packages

Ver 0.7.1

Ver 0.7.0

  • Modify project structure, per Issue 26
  • Include Bootstrap JS, per Issue 28
  • More helpful install steps in README, per Issue 29
  • Update to latest packages

Ver 0.6.2

  • Use copy-webpack-plugin instead of cp to copy files (Windows compatible)

Ver 0.6.0

  • elm-hot-loader is back (no Elm code changes required!)
  • Switch to bootstrap-sass to demo CSS

Ver 0.5.0

  • Update to Elm 0.17.0 (and other latest modules)
  • Upgrade starter code per upgrade-docs
  • Remove elm-hot-loader (for now)

Ver 0.4.0

Ver 0.3.0

  • Use html-webpack-plugin to generate index.html
  • Apply hash filenames for bundled JS and CSS (prevents caching)
  • Image and favicon assets copied to dist/
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].