middleman-webpacked 0.0.3 → 0.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: ba1745c3e19d9181e2bbd1f5e0323ab053e8d0d4
-  data.tar.gz: dd27734e99905e4c9894f639672b632a2f63c40a
+  metadata.gz: 4776674433ae384fafefe389f29a2a08a2e642d8
+  data.tar.gz: c1bc53ff2723b4fc003c09521403add3473365e5
 SHA512:
-  metadata.gz: d2c09955983209d77dd0612b2fe8b085ec64a7ac4115c8441859024834aa99f6a7740d036b9a688cf6a5df16785e185c2eda8ee89b34630047803218d2b36a05
-  data.tar.gz: 62ae18beb74e1ab8b81d98726ea8aeba59e63aeeea7a981c1e3b58af902e807533a3c36ced070258fd2fc511cbcb69c96cf13b669735b063ba60f27696c62406
+  metadata.gz: 3ababe16933dda3049f193a110b5a91bfea4735a5a657081a842d5ad357c0a3767865ea70d33e6f7a7807b4b217f5a07c2a64a2c618b1e5fcd6b2c66eff8b762
+  data.tar.gz: b0903fb18f5e00435d7cfb9b6ab7c579dca1bcf16d32186069cbdf8dc753fc783e0d9bb98983989dc247fc4232ca1b74b5cdafd744d0da475f3b6ef46aa52bb5

data/README.md

@@ -6,7 +6,7 @@ Middleman Webpacked
 Add this line to your `Gemfile`
 
 ```ruby
-gem 'middleman-webpacked', '~> 0.0.2'
+gem 'middleman-webpacked', '~> 0.1.0'
 ```
 
 Setup your Webpack
@@ -16,6 +16,7 @@ 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
 
@@ -53,5 +54,10 @@ activate :webpack,
 * [ ] 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

data/lib/middleman-webpacked/commands/webpack.rb

@@ -17,6 +17,11 @@ module Middleman
         default: false,
         desc: 'Add react support'
 
+      class_option 'vue',
+        type: :boolean,
+        default: false,
+        desc: 'Add vue support'
+
       def self.source_root
         File.expand_path('../../template', __FILE__)
       end
@@ -36,9 +41,11 @@ module Middleman
 
       def webpack
         @presets = ['env']
+        @plugins = []
         @loaders = []
 
         enable_react if options[:react]
+        enable_vue if options[:vue]
 
         generate_config
         run "yarn add #{@packages.join(' ')} --dev"
@@ -65,6 +72,23 @@ module Middleman
         })
       end
 
+      def enable_vue
+        @packages.push(
+          'vue',
+          'babel-preset-es2015',
+          'vue-loader',
+          'vue-template-compiler'
+        )
+        @presets = ['env', 'es2015']
+        @loaders.push({
+          test: /\.vue$/,
+          use: 'vue-loader',
+        },{
+          test: /\.js$/,
+          use: 'babel-loader'
+        })
+      end
+
       # Add to CLI
       Base.register( self, 'webpack', 'webpack [options]', 'Install webpack to middleman')
 

data/lib/middleman-webpacked/template/babelrc.tt

@@ -1,3 +1,4 @@
 {
-  "presets": <%= @presets %>
+  "presets": <%= @presets %>,
+  "plugins": <%= @plugins || [] %>
 }

data/lib/middleman-webpacked/template/shared.webpack.tt

@@ -1,12 +1,17 @@
+<% if options[:vue] %>const { VueLoaderPlugin } = require('vue-loader')<% end %>
+
 module.exports = {
   module: {
     rules: [
-      <%- @loaders.map do |loader| %>
+      <%- @loaders.each_with_index do |loader, index| %>
       {
         test: <%= loader[:test].inspect %>,
-        use: "<%= loader[:use] %>"
-      }
-      <% end.join(',') %>
+        use: "<%= loader[:use] %>",
+      },
+      <% end %>
     ]
-  }
+  },
+  plugins: [
+    <% if options[:vue] %>new VueLoaderPlugin(),<% end %>
+  ]
 }

data/lib/middleman-webpacked/version.rb

@@ -1,3 +1,3 @@
 module MiddlemanWebpacked
-  VERSION = '0.0.3'
+  VERSION = '0.1.0'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: middleman-webpacked
 version: !ruby/object:Gem::Version
-  version: 0.0.3
+  version: 0.1.0
 platform: ruby
 authors:
 - Aotokitsuruya
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-05-25 00:00:00.000000000 Z
+date: 2018-08-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: middleman-core