Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dhinesh03/mithril-starter-kit
Mithril Starter Kit — A boilerplate Mithril application using ES6, Babel, Webpack 4, Sass/SCSS, Webpack dev server hot reload and eslint
https://github.com/dhinesh03/mithril-starter-kit
babel boilerplate-mithril-application css-hot-loader es6 eslint hot-reload mithril mithril-starter mithriljs sass scss starter-kit webpack4
Last synced: 3 months ago
JSON representation
Mithril Starter Kit — A boilerplate Mithril application using ES6, Babel, Webpack 4, Sass/SCSS, Webpack dev server hot reload and eslint
- Host: GitHub
- URL: https://github.com/dhinesh03/mithril-starter-kit
- Owner: dhinesh03
- License: mit
- Archived: true
- Created: 2017-10-24T12:43:13.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2023-02-27T20:54:32.000Z (over 1 year ago)
- Last Synced: 2024-05-16T04:38:24.223Z (6 months ago)
- Topics: babel, boilerplate-mithril-application, css-hot-loader, es6, eslint, hot-reload, mithril, mithril-starter, mithriljs, sass, scss, starter-kit, webpack4
- Language: JavaScript
- Homepage: https://dhinesh03.github.io/mithril-starter-kit/
- Size: 2.63 MB
- Stars: 73
- Watchers: 5
- Forks: 13
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-mithril - mithril-starter-kit - A boilerplate Mithril application using Webpack 4, ES6, Sass/SCSS, Js and scss hot reload and eslint (Uncategorized / Uncategorized)
README
# Mithril Starter Kit
A boilerplate Mithril application using ES6, Babel, Webpack 4, Sass/SCSS, Webpack dev server hot reload and eslint
### How to use
By using [degit](https://github.com/Rich-Harris/degit)
```shell
npx degit dhinesh03/mithril-starter-kit mithril-starter-kit
or
git clone https://github.com/dhinesh03/mithril-starter-kit
```
or
[Download the source](https://github.com/dhinesh03/mithril-starter-kit/zipball/master)
```shell
cd mithril-starter-kit
npm install
npm start
# Webpack dev server will run and opens the app on the browser with HRM,
npm run build
# Compiles the app for production and all compiled files lies on dist dir.
# To deploy an the application simply transfer the dist to a web server's public directory.
npm run build:analyze
# Compiles the app for production and we will have a report and stats for the bundle on dist folder.
```
## Directory Structure:
```shell
├── dist/ # Compiled application
│ ├── css/
│ │ ├── *.css
│ │ └── *.css.map
│ ├── fonts/
│ ├── images/
│ ├── js/
│ │ ├── *.js
│ │ └── *.js.map
│ └── index.html
│
├── src/ # Application source files
│ │
│ ├── images/ # Image files that are copied to build production output (e.g. favicon.ico)
│ │
│ ├── view/ # All your application view logic files
│ │ │
│ │ ├── components/ # All your view components
│ │ │ │
│ │ │ ├── your-component/ # A single view component
│ │ │ │ ├── index.js # The view component code
│ │ │ │ ├── styles.scss # The view component styles
│ │ │ │ └── ...
│ │ │ └── ...
│ │ │
│ │ ├── pages/ # All your top level page components
│ │ │ ├── your-pages.js
│ │ │ └── ...
│ │ │
│ │ └── routes.js # Application routing definition
│ │
│ ├── index.html # Application HTML template
│ └── index.js # Application entry point
│
├── eslintrc.js # ESLint configuration
├── package.json # NPM configuration and scripts
├── config/environment/env.* # Holding environment variables
└── config/webpack.*.js # Webpack configuration
```