Merge pull request #39 from codevor/refactor/webpack-structure

helderberto · web-flow · commit ddee896b8ff2 · 2019-12-11T14:44:48.000-03:00
Refactor/webpack structure
diff --git a/.npmignore b/.npmignore
diff --git a/package.json b/package.json
@@ -1,19 +1,23 @@
 {
   "name": "@codevor/js-http-status",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "🔍 A simple way to catch HTTP statuses with JavaScript.",
-  "main": "dist/index",
+  "main": "dist/js-http-status.js",
+  "unpkg": "dist/js-http-status.min.js",
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "commit": "git-cz",
     "clean": "rimraf dist",
     "dev": "NODE_ENV=dev webpack --progress --colors --watch",
-    "build": "NODE_ENV=production webpack",
+    "build:umd": "NODE_ENV=production webpack",
     "lint": "eslint src tests",
     "test": "jest --coverage --expand",
     "test:watch": "jest --watch",
-    "prepublish": "yarn lint && yarn test && yarn clean && yarn build",
     "coveralls": "cat ./coverage/lcov.info | coveralls && rm -rf ./coverage",
-    "generate-docs": "jsdoc --configure .jsdocrc"
+    "generate-docs": "jsdoc --configure .jsdocrc",
+    "prepublish": "yarn clean && yarn build:umd"
   },
   "repository": {
     "type": "git",
@@ -50,7 +54,7 @@
     "jest": "^24.9.0",
     "jsdoc": "^3.6.3",
     "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"
   },
diff --git a/webpack.config.js b/webpack.config.js
@@ -1,46 +1,65 @@
 const path = require('path');
-const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
+const webpack = require('webpack');
+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-http-status';
+
+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: {
-    app: path.resolve(__dirname, 'src/index.js')
+    [libraryName]: path.resolve(__dirname, 'src/index.js'),
+    [`${libraryName}.min`]: path.resolve(__dirname, 'src/index.js')
   },
   output: {
+    filename: '[name].js',
     path: path.resolve(__dirname, 'dist'),
-    filename: 'index.js',
-    library: 'js-http-status',
+    library: libraryName,
     libraryTarget: 'umd',
-    umdNamedDefine: true,
-    globalObject: 'this'
+    globalObject: "typeof self !== 'undefined' ? self : this"
   },
   module: {
     rules: [
       {
         test: /\.js$/,
+        exclude: /node_modules/,
         use: {
           loader: 'babel-loader',
           options: {
             presets: ['@babel/preset-env']
           }
-        },
-        exclude: /node_modules/
+        }
       }
     ]
   },
   optimization: {
-    minimize: isProduction,
-    minimizer: [
-      new UglifyJsPlugin({
-        sourceMap: true,
-        include: /\.min\.js$/
-      })
-    ]
+    minimize: true,
+    minimizer: [new TerserPlugin()]
   },
+  plugins: [
+    new webpack.DefinePlugin({
+      'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV)
+    }),
+    new webpack.BannerPlugin(banner)
+  ],
   resolve: {
-    extensions: ['.js']
+    extensions: ['.json', '.js']
   }
 };
