Moved to a webpack build

Author: k2snowman69

package.json

@@ -2,9 +2,11 @@
   "name": "@snowcoders/react-checkbox",
   "version": "1.0.0",
   "keywords": [
+    "React",
     "Unstyled",
     "Base",
-    "Checkbox"
+    "Checkbox",
+    "Accessibility"
   ],
   "author": "Snowcoders",
   "license": "MIT",
@@ -13,9 +15,10 @@
   "main": "dist/component.js",
   "types": "dist/component.d.ts",
   "scripts": {
-    "build": "npm run build-scss && npm run build-typescript",
+    "build": "npm run build-scss && npm run build-webpack",
     "build-scss": "node-sass src/styles.scss dist/styles.css",
     "build-typescript": "tsc",
+    "build-webpack": "webpack --mode production",
     "clean": "rimraf coverage dist",
     "prepare": "npm run clean && npm run build",
     "test": "npm run karma",
@@ -30,20 +33,18 @@
   "devDependencies": {
     "@snowcoders/react-unstyled-button": "1.2.2",
     "@snowcoders/sortier": "2.1.13",
-    "classnames": "2.2.6",
-    "tslib": "1.9.3",
     "@types/chai": "4.1.6",
     "@types/classnames": "2.2.6",
     "@types/enzyme": "3.1.14",
     "@types/mocha": "5.2.5",
     "@types/react": "16.4.18",
     "@types/sinon": "5.0.5",
     "chai": "4.2.0",
+    "classnames": "2.2.6",
     "enzyme": "3.7.0",
     "enzyme-adapter-react-16": "1.6.0",
     "husky": "1.1.2",
     "jsdom": "12.2.0",
-    "lint-staged": "7.3.0",
     "karma": "3.0.0",
     "karma-chai": "0.1.0",
     "karma-coverage": "1.1.2",
@@ -57,6 +58,7 @@
     "karma-typescript": "3.0.13",
     "karma-typescript-es6-transform": "1.0.4",
     "karma-typescript-preprocessor": "0.4.0",
+    "lint-staged": "7.3.0",
     "mocha": "5.2.0",
     "mocha-typescript": "1.1.17",
     "node-sass": "4.9.4",
@@ -65,9 +67,14 @@
     "react-dom": "16.5.2",
     "rimraf": "2.6.2",
     "sinon": "7.0.0",
-    "source-map-support": "0.5.9",
+    "source-map-loader": "^0.2.4",
+    "source-map-support": "^0.5.9",
+    "ts-loader": "^5.2.2",
     "ts-node": "7.0.1",
     "tsconfig-paths": "3.6.0",
-    "typescript": "3.1.3"
+    "tslib": "1.9.3",
+    "typescript": "3.1.3",
+    "webpack": "^4.20.2",
+    "webpack-command": "^0.4.1"
   }
 }

readme.md

@@ -23,6 +23,7 @@ Renders a simple checkbox component with a button as the main visual element tha
 
 - 1.0.0
   - Public release!
+  - Moved to a webpack build
 - 0.2.0
   - Moved all dependencies to peer-dependencies
 - 0.1.1

tsconfig.json

@@ -1,32 +1,22 @@
 {
-    "compilerOptions": {
-        "declaration": true,
-        "experimentalDecorators": true,
-        "forceConsistentCasingInFileNames": true,
-        "importHelpers": true,
-        "jsx": "react",
-        "lib": [
-            "es6",
-            "dom"
-        ],
-        "module": "commonjs",
-        "moduleResolution": "node",
-        "noImplicitAny": false,
-        "noImplicitReturns": true,
-        "noImplicitThis": true,
-        "noUnusedLocals": false,
-        "outDir": "./dist/",
-        "preserveConstEnums": true,
-        "sourceMap": true,
-        "strictNullChecks": true,
-        "target": "es5"
-    },
-    "include": [
-        "./src/**/*.ts",
-        "./src/**/*.tsx"
-    ],
-    "exclude": [
-        "./src/**/*.test.ts",
-        "./src/**/*.test.tsx"
-    ]
-}
+  "compilerOptions": {
+    "declaration": true,
+    "experimentalDecorators": true,
+    "forceConsistentCasingInFileNames": true,
+    "importHelpers": true,
+    "jsx": "react",
+    "module": "es6",
+    "moduleResolution": "node",
+    "noImplicitAny": true,
+    "noImplicitReturns": true,
+    "noImplicitThis": true,
+    "noUnusedLocals": false,
+    "outDir": "./dist/",
+    "preserveConstEnums": true,
+    "sourceMap": true,
+    "strictNullChecks": true,
+    "target": "es5"
+  },
+  "include": ["./src/**/*.ts", "./src/**/*.tsx"],
+  "exclude": ["./src/**/*.test.ts", "./src/**/*.test.tsx"]
+}

webpack.config.js

@@ -0,0 +1,48 @@
+// import * as webpack from "webpack";
+let webpack = require("webpack");
+const path = require("path");
+
+const config /*: webpack.Configuration*/ = {
+  entry: {
+    main: "./src/component.tsx"
+  },
+  output: {
+    chunkFilename: "component.js",
+    filename: "component.js",
+    library: "@snowcoders/react-checkbox",
+    libraryTarget: "umd"
+  },
+
+  module: {
+    rules: [
+      {
+        exclude: /node_modules/,
+        test: /\.tsx?$/,
+        use: "ts-loader"
+      }
+    ]
+  },
+
+  resolve: {
+    // Add '.ts' and '.tsx' as resolvable extensions.
+    extensions: [".ts", ".tsx", ".js", ".json"]
+  },
+
+  // Here is a list of our peer-dependencies that we will not include but need to have access to
+  // Specifically because we use umd, we have to specify more information
+  // https://stackoverflow.com/questions/34252424/webpack-umd-lib-and-external-files
+  externals: {
+    "@snowcoders/react-unstyled-button": "@snowcoders/react-unstyled-button",
+    classnames: "classnames",
+    react: {
+      amd: "react",
+      commonjs: "react",
+      commonjs2: "react",
+      root: "React"
+    },
+    tslib: "tslib"
+  }
+};
+
+// export default config;
+module.exports = config;