whs / piped-webpack Goto Github PK

{
    watch: true,
    entry: {
        react1: ['./src/components/react1.jsx'],
        react2: ['./src/components/react2.jsx']
    },
    output: {
        filename: 'components/[name].js',
        path: path.resolve(__dirname, 'build-dev')
    },
    module: {
        loaders: [
            { test: /\.jsx$/, loader: 'babel-loader' }
        ]
    },
    plugins: [
        new webpack.DllReferencePlugin({
            manifest: path.join('build-dev', 'components/common-manifest.json')
        })
    ]
}

return gulp.src([])
    .pipe(pipedWebpack(<config here>))
    .pipe(gulp.dest(config.dst))

Version: webpack 3.4.1
Time: 4460ms
     Asset     Size  Chunks                    Chunk Names
lib.dll.js  9.25 MB       0  [emitted]  [big]  lib
   [0] ./node_modules/process/browser.js 5.42 kB {0} [built]
   [1] ./node_modules/react/react.js 56 bytes {0} [built]
...
  [17] ./node_modules/react-redux/lib/index.js 475 bytes {0} [built]
  [98] ./node_modules/redux/es/index.js 1.08 kB {0} [built]
 [123] ./node_modules/react-dom/index.js 59 bytes {0} [built]
 [140] ./node_modules/react-router/es/index.js 1.46 kB {0} [built]
 [342] dll lib 12 bytes {0} [built]
...
    + 824 hidden modules
[13:23:49] Finished '_scripts_lib' after 4.7 s

gulp.task("_scripts_lib", function () {
  return gulp.src([])
    .pipe(pipedWebpack(require("./webpack.lib.config.js")))
    .pipe(gulp.dest(SCRIPTS_OUTPUT_DIR));
});

/* global __dirname process */

let path = require("path");
let Webpack = require("webpack");

const libName = "[name]_[hash]";

let config = {
  resolve: {
    modules: [
      __dirname,
      "node_modules"
    ],
    extensions: [".js", ".jsx"]
  },
  entry: {
    lib: [
      "react",
      "react-dom",
      "react-router",
      "redux",
      "react-redux"
    ]
  },
  module: {
    rules: [
      // Process JS(X) files using Babel
      { test: /\.jsx?$/, loader: "babel-loader", include: [/scripts/], query: { presets: ["react", "es2015"] } },
    ]
  },
  plugins: [
    new Webpack.DllPlugin({
      name: libName,
      path: path.join(__dirname, "[name].dll-manifest.json")
    })
  ],
  output: {
    filename: "[name].dll.js",
    library: libName
  }
};

module.exports = config;