Merge pull request #3 from codevor/build/webpack-structure

Build: Webpack Structure

package.json

@@ -1,18 +1,21 @@
 {
   "name": "@codevor/js-is-type",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "description": "🎯Type-checking for 'Primitive' JS Types made easy!",
   "main": "dist/js-is-type.js",
   "unpkg": "dist/js-is-type.min.js",
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "clean": "rimraf dist",
     "dev": "NODE_ENV=dev webpack --progress --colors --watch",
     "build:umd": "NODE_ENV=production webpack",
     "lint": "eslint src tests",
-    "test": "jest --coverage",
+    "test": "jest --coverage --expand",
     "test:watch": "jest --watch",
     "coveralls": "cat ./coverage/lcov.info | coveralls && rm -rf ./coverage",
-    "prepublish": "yarn lint && yarn test && yarn clean && yarn build:umd",
+    "prepublish": "yarn clean && yarn build:umd",
     "commit": "git-cz"
   },
   "keywords": [
@@ -45,7 +48,7 @@
     "husky": "^3.0.9",
     "jest": "^24.9.0",
     "rimraf": "^3.0.0",
-    "uglifyjs-webpack-plugin": "^2.2.0",
+    "terser-webpack-plugin": "^2.2.3",
     "webpack": "^4.41.1",
     "webpack-cli": "^3.3.9"
   },

webpack.config.js

@@ -1,22 +1,37 @@
 const path = require('path');
 const webpack = require('webpack');
-const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
+const TerserPlugin = require('terser-webpack-plugin');
+
+const {
+  name,
+  version,
+  repository,
+  author,
+  license
+} = require('./package.json');
 
 const isProduction = process.env.NODE_ENV === 'production';
-const mode = isProduction ? 'production' : 'development';
 
 const libraryName = 'js-is-type';
 
+const banner = `
+  ${name} v${version}
+  ${repository.url}
+  Copyright (c) ${author.replace(/ *\<[^)]*\> */g, ' ')}
+  This source code is licensed under the ${license} license found in the
+  LICENSE file in the root directory of this source tree.
+`;
+
 module.exports = {
-  mode,
+  mode: isProduction ? 'production' : 'development',
   entry: {
     [libraryName]: path.resolve(__dirname, 'src/index.js'),
     [`${libraryName}.min`]: path.resolve(__dirname, 'src/index.js')
   },
   devtool: 'source-map',
   output: {
-    path: path.resolve(__dirname, 'dist'),
     filename: '[name].js',
+    path: path.resolve(__dirname, 'dist'),
     library: libraryName,
     libraryTarget: 'umd',
     umdNamedDefine: true,
@@ -26,24 +41,25 @@ module.exports = {
     rules: [
       {
         test: /\.js$/,
+        exclude: /node_modules/,
         use: {
           loader: 'babel-loader',
           options: {
             presets: ['@babel/preset-env']
           }
-        },
-        exclude: /node_modules/
+        }
       }
     ]
   },
   optimization: {
     minimize: true,
-    minimizer: [new UglifyJsPlugin({ include: /\.min\.js$/ })]
+    minimizer: [new TerserPlugin()]
   },
   plugins: [
     new webpack.DefinePlugin({
       'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV)
-    })
+    }),
+    new webpack.BannerPlugin(banner)
   ],
   resolve: {
     extensions: ['.json', '.js']