https://github.com/elct9620/middleman-webpacked

https://github.com/elct9620/middleman-webpacked

frontend middleman webpack

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/elct9620/middleman-webpacked
• Owner: elct9620
• Created: 2018-05-24T10:24:52.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-08-13T07:47:06.000Z (over 6 years ago)
• Last Synced: 2024-10-31T14:22:44.431Z (3 months ago)
• Topics: frontend, middleman, webpack
• Language: Ruby
• Size: 25.4 KB
• Stars: 6
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Middleman Webpacked

===

## Usage

Add this line to your `Gemfile`

```ruby

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

```

Setup your Webpack

```ruby

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

```erb

<%= javascript_pack_tag 'bundle' %>

```

Activate the extension in `config.rb`

```ruby

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.

```ruby

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