Middleman Webpacked

Usage

Add this line to your Gemfile

gem 'middleman-webpacked', '~> 0.1.0'

Setup your Webpack

middleman webpack

To enable React.js, add --react options when setup Webpack To enable Vue.js, add --vue options when setup Webpack

Add javascript_pack_tag to your layout

<%= javascript_pack_tag 'bundle' %>

Activate the extension in config.rb

activate :webpack

Put the javascript into src directory

This version only support Webpack 4 default config

Options

Entry

If you want to output more than one file (bundle.js) you can specify the entry options.

activate :webpack,
         entry: {
           app: 'index.js',
           ext: 'ext.js'
         }

Roadmap

• [x] Running Webpack without config
• [ ] Automatic setup webpack.config.js
• [x] Babel Support
• [x] React.js Support
  • [x] Can be enabled
  • [ ] Support to generate css file
• [ ] Vue.js Support
  • [x] Can be enabled
  • [x] Support template and .vue file
  • [ ] Support to generate css file
• [ ] Sass Support