Merge pull request #55 from carrot/static

static webpack plugin

Author: kylemac

lib/config.js

@@ -2,12 +2,15 @@ import path from 'path'
 import Joi from 'joi'
 import JadePlugin from './plugins/jade_plugin'
 import CSSPlugin from './plugins/css_plugin'
+import StaticPlugin from './plugins/static_plugin'
 import micromatch from 'micromatch'
 import union from 'lodash.union'
 import _eval from 'require-from-string'
 import {transformFileSync} from 'babel-core'
 import postcssImport from 'postcss-import'
 import BrowserSyncPlugin from 'browser-sync-webpack-plugin'
+import binaryExtensions from 'binary-extensions'
+import imageExtensions from 'image-extensions'
 
 export default class Config {
   constructor (opts) {
@@ -29,7 +32,8 @@ export default class Config {
       matchers: Joi.object().default().keys({
         jade: Joi.string().default('**/*.jade'),
         css: Joi.string().default('**/*.css'),
-        js: Joi.string().default('**/*.js')
+        js: Joi.string().default('**/*.js'),
+        static: Joi.string().default(`**/*.{${union(binaryExtensions, imageExtensions).join(',')}}`)
       }),
       postcss: Joi.object().default().keys({
         plugins: Joi.array().default([]),
@@ -130,10 +134,13 @@ export default class Config {
       loaders: [
         { test: mmToRe(opts.matchers.css), exclude: opts.ignore.map(mmToRe), loader: `css!postcss?${JSON.stringify(opts.postcss.options)}` },
         { test: mmToRe(opts.matchers.js), exclude: opts.ignore.map(mmToRe), loader: 'babel' },
-        { test: mmToRe(opts.matchers.jade), exclude: opts.ignore.map(mmToRe), loader: 'jade', query: { pretty: true, locals: opts.locals } }
+        { test: mmToRe(opts.matchers.jade), exclude: opts.ignore.map(mmToRe), loader: 'jade', query: { pretty: true, locals: opts.locals } },
+        { test: mmToRe(opts.matchers.static), exclude: opts.ignore.map(mmToRe), loader: 'file', query: { dumpDirs: opts.dumpDirs } }
       ]
     }
 
+    // console.log(mmToRe(opts.matchers.static))
+
     this.postcss = function (wp) {
       let res = [postcssImport({ addDependencyTo: wp })]
       res.push(...opts.postcss.plugins)
@@ -155,6 +162,10 @@ export default class Config {
         ignore: opts.ignore,
         dumpDirs: opts.dumpDirs,
         cssTemplates: opts.cssTemplates
+      }), new StaticPlugin({
+        matcher: opts.matchers.static,
+        ignore: opts.ignore,
+        dumpDirs: opts.dumpDirs
       }), new BrowserSyncPlugin(opts.server)
     ]
 

lib/plugins/css_plugin.js

@@ -6,9 +6,7 @@ export default class CSSWebpackPlugin {
   // Accepted Options
   // - matcher (string)
   // - dumpDirs (array)
-  // - ignore (array)
   // - cssTemplates (boolean)
-  // - locals (object)
   constructor (opts) {
     this.opts = opts
   }

lib/plugins/static_plugin.js

@@ -0,0 +1,30 @@
+import util from './plugin_utils'
+
+export default class StaticWebpackPlugin {
+
+  // Accepted Options
+  // - matcher (string)
+  // - ignore (array)
+  // - dumpDirs (array)
+  constructor (opts) {
+    this.opts = opts
+  }
+
+  apply (compiler) {
+    // read file tree and get all static files
+    this.files = util.getFilesFromGlob(compiler, this.opts)
+
+    // inject static files into webpack's pipeline
+    compiler.plugin('make', (compilation, done) => {
+      util.addFilesAsWebpackEntries(this.files, this.opts, compiler, compilation)
+        .then((res) => done())
+    })
+
+    // remove static assets from webpack pipeline
+    compiler.plugin('compilation', (compilation) => {
+      compilation.plugin('optimize-chunk-assets', (chunks, done) => {
+        util.removeAssets(compilation, this.opts, done)
+      })
+    })
+  }
+}

package.json

@@ -15,13 +15,16 @@
     "babel-loader": "^6.2.0",
     "babel-preset-es2015": "^6.3.13",
     "babel-preset-stage-2": "^6.3.13",
+    "binary-extensions": "^1.4.0",
     "browser-sync": "^2.11.1",
     "browser-sync-webpack-plugin": "^1.0.1",
     "chalk": "^1.1.1",
     "css-loader": "^0.23.1",
+    "file-loader": "carrot/file-loader",
     "glob": "^6.0.1",
+    "image-extensions": "^1.1.0",
     "jade": "^1.11.0",
-    "jade-loader": "git:github.com/carrot/jade-loader",
+    "jade-loader": "carrot/jade-loader",
     "joi": "^8.0.1",
     "lodash.union": "^4.2.0",
     "micromatch": "^2.3.7",