Skip to content
Frontend framework for starting new projects
CSS HTML JavaScript Ruby
Branch: master
Clone or download
Latest commit 179f466 Dec 5, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
config/webpack
data
lib
source
.bootstraprc
.gitignore
.modernizrrc
.nvmrc
.ruby-version
Gemfile
Gemfile.lock
Gruntfile.js
LICENSE
README.md
config.rb
package.json
yarn.lock

README.md

MarsMan

Frontend framework for starting new projects.

Take a look at https://marsman.marsbased.com

Developed with Middleman (https://middlemanapp.com/). Uses Grunt to automatize SVG inline generation.

MarsMan Installation

To use MarsMan as a template, init the project with the following command:

middleman init new_project -T marsbased/marsman

Webpack

MarsMan uses Webpack to compile and handle Javascript, Styles and all static assets through the middleman-webpack extension, which provides a set of helpers that can be used in the HTML to include these assets.

Webpack configuration is placed in the config folder with the following structure:

  • shared.js has the configuration options shared by all environments.
  • development.js has development-specific settings.
  • production.js has build specific settings.

Webpack is configured to be able to use ES6 in Javascript files.

Modernizr

By default a full Modernizr build is included. The activated features and detections can be customized in .modernizrrc

=======

Project README

Development

yarn install
bundle install
bundle exec middleman server

or

yarn install
yarn start

To update the SVG shapes, place the needed SVG files inside source/shapes and call:

grunt svg

Common Errors

Q: Webpack compilation fails with an error similar to Error: ENOENT: no such file or directory, scandir '/Users/cooluser/Documents/middleman-webpack-sample/node_modules/node-sass/vendor'

A: run npm rebuild node-sass

You can’t perform that action at this time.