智能网关>> mithril-starter-kit>> 返回
项目作者： dhinesh03

项目描述 ：
Mithril Starter Kit — A boilerplate Mithril application using ES6, Babel, Webpack 4, Sass/SCSS, Webpack dev server hot reload and eslint
高级语言： JavaScript
项目地址: git://github.com/dhinesh03/mithril-starter-kit.git
创建时间： 2017-10-24T12:43:13Z
项目社区：https://github.com/dhinesh03/mithril-starter-kit
开源协议：MIT License
下载


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

  1. npx degit dhinesh03/mithril-starter-kit mithril-starter-kit
  2. or
  3. git clone https://github.com/dhinesh03/mithril-starter-kit

or
Download the source

  1. cd mithril-starter-kit
  3. npm install
  5. npm start
  6.   # Webpack dev server will run and opens the app on the browser with HRM,
  7. npm run build
  8.   # Compiles the app for production and all compiled files lies on dist dir.
  9.   # To deploy an the application simply transfer the dist to a web server's public directory.
  10. npm run build:analyze
  11.   # Compiles the app for production and we will have a report and stats for the bundle on dist folder.

Directory Structure:

  1. ├── dist/                         # Compiled application
  2. │     ├── css/
  3. │     │     ├── *.css
  4. │     │     └── *.css.map
  5. │     ├── fonts/
  6. │     ├── images/
  7. │     ├── js/
  8. │     │     ├── *.js
  9. │     │     └── *.js.map
  10. │     └── index.html
  11. │
  12. ├── src/                          # Application source files 
  13. │     │
  14. │     ├── images/                 # Image files that are copied to build production output (e.g. favicon.ico)
  15. │     │
  16. │     ├── view/                   # All your application view logic files
  17. │     │     │
  18. │     │     ├── components/             # All your view components
  19. │     │     │     │
  20. │     │     │     ├── your-component/       # A single view component
  21. │     │     │     │     ├── index.js            # The view component code
  22. │     │     │     │     ├── styles.scss         # The view component styles
  23. │     │     │     │     └── ...  
  24. │     │     │     └── ...
  25. │     │     │
  26. │     │     ├── pages/                   # All your top level page components
  27. │     │     │     ├── your-pages.js      
  28. │     │     │     └── ...
  29. │     │     │
  30. │     │     └── routes.js               # Application routing definition
  31. │     │
  32. │     ├── index.html              # Application HTML template
  33. │     └── index.js                # Application entry point
  34. │   
  35. ├── eslintrc.js                   # ESLint configuration
  36. ├── package.json                  # NPM configuration and scripts
  37. ├── config/environment/env.*      # Holding environment variables 
  38. └── config/webpack.*.js           # Webpack configuration