japboy · April 15, 2022 12:19 · Nov 7, 2017 · Nov 7, 2017 · Nov 7, 2017
diff --git a/.babelrc b/.babelrc
@@ -0,0 +1,22 @@
+{
+  "presets": [
+    "stage-2",
+    [
+      "env", {
+        "modules": false,
+        "targets": {
+          "browsers": [
+            "Chrome >= 50",
+            "ChromeAndroid >= 50",
+            "Edge >= 12",
+            "Explorer >= 11",
+            "Firefox >= 40",
+            "FirefoxAndroid >= 40",
+            "iOS >= 7",
+            "Safari >= 6"
+          ]
+        }
+      }
+    ]
+  ]
+}
diff --git a/entry-a.js b/entry-a.js
@@ -0,0 +1,16 @@
+import _ from 'underscore';
+import Vue from 'vue';
+
+console.log(_.VERSION);
+console.log(Vue.version);
+
+async function test() {
+  const response = await new Promise((resolve) => {
+    setTimeout(() => {
+      resolve('Hello.');
+    }, 3000);
+  });
+  console.log(response);
+}
+
+test();
diff --git a/entry-b.js b/entry-b.js
@@ -0,0 +1,16 @@
+import _ from 'underscore';
+
+import 'babel-polyfill';
+
+console.log(_.VERSION);
+
+async function test() {
+  const response = await new Promise((resolve) => {
+    setTimeout(() => {
+      resolve('Hello.');
+    }, 3000);
+  });
+  console.log(response);
+}
+
+test();
diff --git a/entry-c.js b/entry-c.js
@@ -0,0 +1,3 @@
+import Vue from 'vue';
+
+console.log(Vue.version);
diff --git a/index.html b/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="UTF-8">
+        <title>sample</title>
+        <link rel="stylesheet" href="vendor.bundle.css">
+        <script src="vendor.bundle.js" defer></script>
+        <script src="entry-a.bundle.js" defer></script>
+    </head>
+    <body>
+    </body>
+</html>
diff --git a/mod-a.js b/mod-a.js
@@ -0,0 +1,6 @@
+import _ from 'underscore';
+
+export default function a() {
+  console.log(_.VERSION);
+  return 'a';
+}
diff --git a/mod-b.js b/mod-b.js
@@ -0,0 +1,6 @@
+import Vue from 'vue';
+
+export default function b() {
+  console.log(Vue.version);
+  return 'b';
+}
diff --git a/mod-c.js b/mod-c.js
@@ -0,0 +1,4 @@
+
+export default function c() {
+  return 'c';
+}
diff --git a/package.json b/package.json
@@ -1 +1,32 @@
-{}
+{
+  "name": "webpack-dll-testing",
+  "version": "1.0.0",
+  "scripts": {
+    "start": "webpack --bail --config ./webpack.vendor.config.js && webpack --bail --config ./webpack.main.config.js",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "license": "UNLICENSED",
+  "private": true,
+  "engines": {
+    "node": "^8.9.0",
+    "npm": "^5.5.1",
+    "yarn": "^1.2.1"
+  },
+  "dependencies": {
+    "babel-polyfill": "6.26.0",
+    "normalize.css": "5.0.0",
+    "underscore": "1.8.3",
+    "vue": "2.3.3"
+  },
+  "devDependencies": {
+    "babel-core": "6.26.0",
+    "babel-loader": "7.1.2",
+    "babel-preset-env": "1.6.0",
+    "babel-preset-stage-2": "6.24.1",
+    "css-loader": "0.28.7",
+    "extract-text-webpack-plugin": "3.0.1",
+    "happypack": "4.0.0",
+    "style-loader": "0.19.0",
+    "webpack": "3.6.0"
+  }
+}
diff --git a/webpack.main.config.js b/webpack.main.config.js
@@ -0,0 +1,77 @@
+const os = require('os');
+const path = require('path');
+const webpack = require('webpack');
+const ExtractTextPlugin = require('extract-text-webpack-plugin');
+const HappyPack = require('happypack');
+
+const threadPoolCount = os.cpus().length;
+const happyThreadPool = HappyPack.ThreadPool({ size: threadPoolCount });
+
+const source = __dirname;
+const destination = __dirname;
+
+
+const VendorDllReference = new webpack.DllReferencePlugin({
+  context: __dirname,  // PROJECT ROOT WHERE NODE_MODULES ARE RELATIVELY RESOLVED!
+  manifest: path.resolve(destination, 'vendor-manifest.json'),
+});
+
+const ExtractCSS = new ExtractTextPlugin({
+  filename: '[name].bundle.css',
+  allChunks: true,
+});
+
+module.exports = [
+  {
+    entry: {
+      'entry-a': [
+        'babel-polyfill', // Mutable library from vendor should be loaded explicitly
+        './entry-a.js'
+      ],
+      'entry-b': './entry-b.js',
+      'entry-c': './entry-c.js',
+    },
+    output: {
+      filename: '[name].bundle.js',
+      path: destination,
+      publicPath: '/',
+    },
+    module: {
+      rules: [
+        {
+          test: /\.css$/,
+          loader: ExtractCSS.extract({
+            fallback: 'style-loader',
+            use: ['happypack/loader?id=css'],
+          }),
+        },
+        {
+          test: /\.js$/,
+          loaders: ['happypack/loader?id=js'],
+        },
+      ],
+    },
+    plugins: [
+      new HappyPack({
+        id: 'css',
+        threadPool: happyThreadPool,
+        loaders: [
+          {
+            loader: 'css-loader',
+          }
+        ],
+      }),
+      new HappyPack({
+        id: 'js',
+        threadPool: happyThreadPool,
+        loaders: [
+          {
+            loader: 'babel-loader',
+          },
+        ],
+      }),
+      VendorDllReference,
+      ExtractCSS,
+    ],
+  }
+];
diff --git a/webpack.vendor.config.js b/webpack.vendor.config.js
@@ -0,0 +1,79 @@
+const os = require('os');
+const path = require('path');
+const webpack = require('webpack');
+const ExtractTextPlugin = require('extract-text-webpack-plugin');
+const HappyPack = require('happypack');
+
+const threadPoolCount = os.cpus().length;
+const happyThreadPool = HappyPack.ThreadPool({ size: threadPoolCount });
+
+const source = __dirname;
+const destination = __dirname;
+
+
+const VendorDll = new webpack.DllPlugin({
+  name: '[name]',
+  path: path.resolve(destination, '[name]-manifest.json'),
+});
+
+const ExtractCSS = new ExtractTextPlugin({
+  filename: '[name].bundle.css',
+  allChunks: true,
+});
+
+module.exports = [
+  {
+    entry: {
+      vendor: [
+        'babel-polyfill',
+        'underscore',
+        'vue',
+        'normalize.css',
+      ],
+    },
+    output: {
+      filename: '[name].bundle.js',
+      library: '[name]',
+      path: destination,
+      publicPath: '/',
+    },
+    module: {
+      rules: [
+        {
+          test: /\.css$/,
+          loader: ExtractCSS.extract({
+            fallback: 'style-loader',
+            use: ['happypack/loader?id=css'],
+            use: ['css-loader'],
+          }),
+        },
+        {
+          test: /\.js$/,
+          loaders: ['happypack/loader?id=js'],
+        },
+      ],
+    },
+    plugins: [
+      new HappyPack({
+        id: 'css',
+        threadPool: happyThreadPool,
+        loaders: [
+          {
+            loader: 'css-loader',
+          }
+        ],
+      }),
+      new HappyPack({
+        id: 'js',
+        threadPool: happyThreadPool,
+        loaders: [
+          {
+            loader: 'babel-loader',
+          },
+        ],
+      }),
+      VendorDll,
+      ExtractCSS,
+    ],
+  },
+];
diff --git a/package.json b/package.json
@@ -0,0 +1 @@
+{}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		import Vue from 'vue';

		console.log(Vue.version);
No results found