Features overview

TemplateEngine

TemplateEngine adopts pug

• Time reduction for compilation even with a large number of pages by middleware
• Realtime DOM injection without reloading by html-injector
• Automatic good setting of meta tag
• Good OGP automatic setting
• Share button can be made immediately
  • Twitter / Facebook / LINE / Hatena bookmark
    • Support landscape minimum size official button with counter
    • Share button A tag for customization is also available
    • Automatically set share text, hash tags etc
• GoogleAnalytics tag auto placement
• GoogleOptimize tag auto placement
• Asset placement specific to each page (It is possible to read webfont from CDN on some pages)
• Other good template configuration

JavaScript

• Live reloading
• Module bundle
• Babel
• Stable ES.next & Stage-3 support
• Minify
  • Uglify
• Linter
  • ESlint
• CodeFormatter
  • Prettier
• Sourcemap
• dependencies settings

CSS(Sass)

• Live reloading (automatic detection of file change detection)
• Split file auto import
• Vendor prefix automatic assignment
• Automatic compression of generated css file
• Reset CSS (minireset.css), not normalize
• Media query mixin & breakpoint management variable
• Simple utility mixin
• Bourbon(http://bourbon.io/)
• NEAT(http://neat.bourbon.io/)
• Other nice-looking file structure

Images

• Live reloading
• Minify
  • Good settings for each extension
• High-speed processing with difference files only

SVG Sprite

• Auto Generating SVG sprite
• Generate 2types sprite
  • Keep SVG fill type
  • Remove SVG fill type
• Generate Preview HTML file & auto open