using rollup to build project

Author: runjuu

build/index.js

@@ -1,23 +1,23 @@
-import { Compiler } from 'webpack';
-interface Module {
-    type?: string;
-    content: string;
-}
-interface Compilation {
-    modules: Module[];
-}
-interface PluginData {
-    html: string;
-    assets: {
-        css: string[];
-    };
-}
-export default class Plugin {
-    static makeReg(fileName: string): RegExp;
-    static getStyleString(modules: Module[]): string;
-    static addStyleInToHTML(compilation: Compilation, pluginData: PluginData): void;
-    static removeLinkTag(pluginData: PluginData): void;
-    static replace(compilation: Compilation, pluginData: PluginData, callback: (...args: any[]) => void): void;
-    apply(compiler: Compiler): void;
-}
-export {};
+import { Compiler } from 'webpack';
+interface Module {
+    type?: string;
+    content: string;
+}
+interface Compilation {
+    modules: Module[];
+}
+interface PluginData {
+    html: string;
+    assets: {
+        css: string[];
+    };
+}
+export default class Plugin {
+    static makeReg(fileName: string): RegExp;
+    static getStyleString(modules: Module[]): string;
+    static addStyleInToHTML(compilation: Compilation, pluginData: PluginData): void;
+    static removeLinkTag(pluginData: PluginData): void;
+    static replace(compilation: Compilation, pluginData: PluginData, callback: (...args: any[]) => void): void;
+    apply(compiler: Compiler): void;
+}
+export {};

build/index.js.map

@@ -0,0 +1,52 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+  typeof define === 'function' && define.amd ? define(factory) :
+  (global.HtmlInlineCSSWebpackPlugin = factory());
+}(this, (function () { 'use strict';
+
+  var Plugin = /** @class */ (function () {
+      function Plugin() {
+      }
+      Plugin.makeReg = function (fileName) {
+          return new RegExp("<link[^>]+href=['\"]" + fileName + "['\"][^>]+(>|\\\\>|><\\/link>)");
+      };
+      Plugin.getStyleString = function (modules) {
+          return modules
+              .filter(function (_a) {
+              var _b = _a.type, type = _b === void 0 ? '' : _b;
+              return type.includes('mini-css-extract-plugin');
+          })
+              .reduce(function (result, _a) {
+              var _b = _a.content, content = _b === void 0 ? '' : _b;
+              return result + content;
+          }, '');
+      };
+      Plugin.addStyleInToHTML = function (compilation, pluginData) {
+          var style = this.getStyleString(compilation.modules);
+          pluginData.html = pluginData.html
+              .replace('</head>', "<style>\n" + style + "\n</style></head>");
+      };
+      Plugin.removeLinkTag = function (pluginData) {
+          var _this = this;
+          pluginData.assets.css.forEach(function (fileName) {
+              pluginData.html = pluginData.html
+                  .replace(_this.makeReg(fileName), '');
+          });
+      };
+      Plugin.replace = function (compilation, pluginData, callback) {
+          Plugin.removeLinkTag(pluginData);
+          Plugin.addStyleInToHTML(compilation, pluginData);
+          callback(null, pluginData);
+      };
+      Plugin.prototype.apply = function (compiler) {
+          compiler.hooks.compilation.tap('HtmlReplaceWebpackPlugin', function (compilation) {
+              compilation.hooks.htmlWebpackPluginAfterHtmlProcessing
+                  .tapAsync('html-webpack-plugin-before-html-processing', Plugin.replace.bind(Plugin, compilation));
+          });
+      };
+      return Plugin;
+  }());
+
+  return Plugin;
+
+})));

build/index.d.ts renamed to index.d.ts

@@ -2,9 +2,10 @@
   "name": "html-inline-css-webpack-plugin",
   "version": "0.0.1",
   "description": "",
-  "main": "./build/index.js",
+  "main": "./index.js",
+  "types": "./index.d.ts",
   "scripts": {
-    "build": "rm -rf ./build && tsc"
+    "build": "rollup -c"
   },
   "repository": {
     "type": "git",
@@ -19,6 +20,8 @@
   "homepage": "https://github.com/Runjuu/html-inline-css-webpack-plugin#readme",
   "devDependencies": {
     "@types/webpack": "^4.4.0",
+    "rollup": "^0.60.1",
+    "rollup-plugin-typescript2": "^0.14.0",
     "tslib": "^1.9.2",
     "typescript": "^2.9.1",
     "webpack": "^4.11.1"

index.js

@@ -0,0 +1,11 @@
+import typescript from 'rollup-plugin-typescript2';
+
+export default {
+  input: './src/index.ts',
+  output: {
+    name: "HtmlInlineCSSWebpackPlugin",
+    file: 'index.js',
+    format: 'umd',
+  },
+  plugins: [typescript()],
+}

package.json

@@ -2,8 +2,7 @@
   "compilerOptions": {
     "declaration": true,
     "target": "es5",
-    "module": "commonjs",
-    "outDir": "build/",
+    "module": "ES2015",
     "sourceMap": true,
     "experimentalDecorators": true,
     "lib": ["dom", "es2015", "es2016"],