Initial commit.

Author: toddbc

README.md

@@ -0,0 +1,26 @@
+# requirejs-loader
+
+Allows the import of requirejs packages through the browser.
+
+This is specifically useful for Magento 2, which extensively uses requirejs.
+
+## Usage
+
+    const RequireJsLoaderPlugin = require('@sdinteractive/requirejs-loader').RequireJsLoaderPlugin;
+
+    module.exports = {
+      module: {
+        rules: [
+          {
+            test: /require.*\.js$/,
+            use: [
+              { loader: '@sdinteractive/requirejs-loader' },
+            ],
+          }
+        ]
+      },
+
+      plugins: [
+        new RequireJsLoaderPlugin(),
+      ],
+    };

RequireJsLoaderPlugin.js

@@ -0,0 +1,44 @@
+'use strict';
+
+const ConcatSource = require('webpack-sources').ConcatSource;
+
+let RequireJsLoaderPlugin = function() {
+};
+
+function gatherRequireJsImports(modules) {
+    let needsImport = [];
+    for (var module of modules) {
+        // If the requirejs-loader was used, then we need to wrap and import this module.
+        // TODO: Clean up this check.
+        if (module.request && module.request.indexOf('requirejs-loader') !== -1) {
+            needsImport.push(module.rawRequest);
+        }
+    }
+
+    return needsImport;
+}
+
+function generateProlog(imports) {
+    const jsonImports = JSON.stringify(imports);
+    return `window.require(${jsonImports}, function() {`;
+}
+
+function generateEpilog(imports) {
+    return `});`;
+}
+
+RequireJsLoaderPlugin.prototype.apply = function(compiler) {
+    compiler.plugin('compilation', (compilation, data) => {
+        compilation.plugin('chunk-asset', (chunk, filename) => {
+            const needsImport = gatherRequireJsImports(chunk.modules);
+            if (needsImport.length != 0) {
+                let prolog = generateProlog(needsImport);
+                let epilog = generateEpilog(needsImport);
+
+                compilation.assets[filename] = new ConcatSource(prolog, "\n", compilation.assets[filename], "\n", epilog);
+            }
+        });
+    });
+};
+
+module.exports = RequireJsLoaderPlugin;

index.js

@@ -0,0 +1,18 @@
+'use strict';
+
+const path = require('path');
+const ConcatSource = require('webpack-sources').ConcatSource;
+
+module.exports = function() {
+};
+
+module.exports.pitch = function(remainingRequest) {
+	this.cacheable && this.cacheable();
+
+    // Route through window.require.
+    // TODO: We use rawRequest to grab the original request (including text! or etc.)
+    const jsonName = JSON.stringify(this._module.rawRequest);
+    return `module.exports = window.require(${jsonName});`;
+};
+
+module.exports.RequireJsLoaderPlugin = require('./RequireJsLoaderPlugin.js');

package.json

@@ -0,0 +1,23 @@
+{
+  "name": "@sdinteractive/requirejs-loader",
+  "version": "1.0.0",
+  "description": "webpack loader to import requirejs browser published modules.",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/sdinteractive/webpack-requirejs-loader.git"
+  },
+  "keywords": [
+    "webpack",
+    "requirejs"
+  ],
+  "author": "Something Digital",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/sdinteractive/webpack-requirejs-loader/issues"
+  },
+  "homepage": "https://github.com/sdinteractive/webpack-requirejs-loader#readme"
+}