elm-community / Elm Webpack Starter
Boilerplate for developing Elm apps on Webpack
Stars: ✭ 884
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
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
Dva Arcgis Cli
A command-line tool extends dva-cli, with JavaScript API for ArcGIS.
Stars: ✭ 12 (-98.64%)
Mutual labels: webpack
Tvrboreact
Dream starter project: React, Redux, React Router, Webpack
Stars: ✭ 13 (-98.53%)
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
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
- Fix favicon issues, per Issue 30
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 ofcp
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
- Add elm-hot-loader for HMR support (PR by fluxxu)
Ver 0.3.0
- Use
html-webpack-plugin
to generateindex.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].