feat: publicPath can be a function (#172)

* fix: remove package lock and update yarnlocks

* refactor: use babel for compiling client code

* fix(options): enable using plugin without defining options

*  feat: publicPath can be a function

* chore: various config and build updates

* chore: updating tests and adding various CI improvements

* test: correcting options and params

* docs: more code examples based on features added

Author: ScriptedAlchemy

.babelrc

@@ -1,35 +1,27 @@
 {
   "presets": [
     [
-      "env",
+      "@babel/preset-env",
       {
-        "useBuiltIns": true,
         "targets": {
           "node": "6.9.0"
-        },
-        "exclude": [
-          "transform-async-to-generator",
-          "transform-regenerator"
-        ]
+        }
       }
     ]
   ],
-  "plugins": [
-    [
-      "transform-object-rest-spread",
-      {
-        "useBuiltIns": true
-      }
-    ]
-  ],
-  "env": {
-    "test": {
+  "overrides": [
+    {
+      "test": "**/hmr/**/*.js",
       "presets": [
-        "env"
-      ],
-      "plugins": [
-        "transform-object-rest-spread"
+        [
+          "@babel/preset-env",
+          {
+            "targets": {
+              "node": "0.12"
+            }
+          }
+        ]
       ]
     }
-  }
+  ]
 }

.editorconfig

@@ -9,5 +9,5 @@ insert_final_newline = true
 trim_trailing_whitespace = true
 
 [*.md]
-insert_final_newline = false
+insert_final_newline = true
 trim_trailing_whitespace = false

.eslintignore

@@ -1,5 +1,5 @@
 /node_modules
 /dist
-/test/cases
+/test/cases/*/expected
 /test/js
 /test/manual

.eslintrc.js

@@ -1,13 +1,9 @@
 module.exports = {
   root: true,
+  parser: 'babel-eslint',
   plugins: ['prettier'],
   extends: ['@webpack-contrib/eslint-config-webpack'],
   rules: {
-    'prettier/prettier': [
-      'error',
-      { singleQuote: true, trailingComma: 'es5', arrowParens: 'always' },
-    ],
-    'class-methods-use-this': 'off',
-    'no-undefined': 'off',
+    'prettier/prettier': ['error'],
   },
 };

.prettierrc.js

@@ -0,0 +1,5 @@
+module.exports = {
+  singleQuote: true,
+  trailingComma: 'es5',
+  arrowParens: 'always',
+};

README.md

@@ -218,6 +218,45 @@ module.exports = {
 };
 ```
 
+#### `publicPath` function example
+
+**webpack.config.js**
+
+```js
+const ExtractCSSChunksPlugin = require('extract-css-chunks-webpack-plugin');
+module.exports = {
+  plugins: [
+    new ExtractCSSChunksPlugin({
+      // Options similar to the same options in webpackOptions.output
+      // both options are optional
+      filename: '[name].css',
+      chunkFilename: '[id].css',
+    }),
+  ],
+  module: {
+    rules: [
+      {
+        test: /\.css$/,
+        use: [
+          {
+            loader: ExtractCSSChunksPlugin.loader,
+            options: {
+              publicPath: (resourcePath, context) => {
+                // publicPath is the relative path of the resource to the context
+                // e.g. for ./css/admin/main.css the publicPath will be ../../
+                // while for ./css/main.css the publicPath will be ../
+                return path.relative(path.dirname(resourcePath), context) + '/';
+              },
+            },
+          },
+          'css-loader',
+        ],
+      },
+    ],
+  },
+};
+```
+
 ## Desired Output
 Here's the sort of CSS you can expect to serve:
 

lint-staged.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  ignore: ['package-lock.json'],
+  linters: {
+    '*.js': ['eslint --fix', 'git add'],
+  },
+};

package.json

@@ -37,20 +37,21 @@
   "scripts": {
     "start": "npm run build -- -w",
     "build": "cross-env NODE_ENV=production babel src -d dist --ignore 'src/**/*.test.js' --copy-files",
+    "postbuild": "es-check es5 dist/hmr/hotModuleReplacement.js",
     "clean": "del-cli dist",
     "commitlint": "commitlint",
-    "commitmsg": "commitlint -e $GIT_PARAMS",
     "lint": "eslint --cache src test",
     "ci:lint:commits": "commitlint --from=${CIRCLE_BRANCH} --to=${CIRCLE_SHA1}",
     "lint-staged": "lint-staged",
     "prebuild": "npm run clean",
-    "prepublish": "npm run build",
+    "prepare": "npm run build",
     "release:validate": "commitlint --from=$(git describe --tags --abbrev=0) --to=$(git rev-parse HEAD)",
     "security": "npm audit",
-    "test": "jest",
+    "test:only": "jest",
     "test:watch": "jest --watch",
     "test:coverage": "jest --collectCoverageFrom='src/**/*.js' --coverage",
-    "test:manual": "webpack-dev-server test/manual/src/index.js --open --config test/manual/webpack.config.js",
+    "pretest": "npm run lint",
+    "test": "npm run test:coverage",
     "ci:lint": "npm run lint && npm run security",
     "ci:test": "npm run test -- --runInBand",
     "ci:coverage": "npm run test:coverage -- --runInBand",
@@ -66,42 +67,41 @@
   },
   "dependencies": {
     "loader-utils": "^1.1.0",
-    "lodash": "^4.17.11",
     "normalize-url": "^2.0.1",
     "schema-utils": "^1.0.0",
     "webpack-sources": "^1.1.0"
   },
   "devDependencies": {
-    "@commitlint/cli": "^6.1.3",
-    "@commitlint/config-conventional": "^6.1.3",
-    "@webpack-contrib/eslint-config-webpack": "^2.0.4",
-    "babel-cli": "^6.26.0",
-    "babel-jest": "^22.2.2",
-    "babel-plugin-transform-object-rest-spread": "^6.26.0",
-    "babel-polyfill": "^6.26.0",
-    "babel-preset-env": "^1.6.1",
-    "conventional-github-releaser": "^2.0.2",
-    "cross-env": "^5.1.3",
-    "css-loader": "^0.28.10",
-    "del": "^3.0.0",
+    "@babel/cli": "^7.4.4",
+    "@babel/core": "^7.4.4",
+    "@babel/preset-env": "^7.4.4",
+    "@commitlint/cli": "^7.6.1",
+    "@commitlint/config-conventional": "^7.6.0",
+    "@webpack-contrib/defaults": "^4.0.1",
+    "@webpack-contrib/eslint-config-webpack": "^3.0.0",
+    "acorn": "^6.1.1",
+    "babel-eslint": "^10.0.1",
+    "babel-jest": "^24.8.0",
+    "commitlint-azure-pipelines-cli": "^1.0.1",
+    "cross-env": "^5.2.0",
+    "css-loader": "^2.1.1",
+    "del": "^4.1.1",
     "del-cli": "^1.1.0",
     "es-check": "^5.0.0",
-    "eslint": "^4.17.0",
-    "eslint-plugin-import": "^2.8.0",
-    "eslint-plugin-prettier": "^2.6.0",
-    "execa": "^1.0.0",
-    "file-loader": "^1.1.11",
-    "husky": "^0.14.3",
-    "jest": "^22.2.2",
-    "lint-staged": "^6.1.0",
+    "eslint": "^5.16.0",
+    "eslint-plugin-import": "^2.17.2",
+    "eslint-plugin-prettier": "^3.1.0",
+    "file-loader": "^3.0.1",
+    "husky": "^2.2.0",
+    "jest": "^24.8.0",
+    "jest-junit": "^6.4.0",
+    "lint-staged": "^8.1.6",
     "memory-fs": "^0.4.1",
-    "pre-commit": "^1.2.2",
-    "prettier": "^1.11.1",
-    "semantic-release": "^15.13.1",
-    "webpack": "^4.28.0",
-    "webpack-cli": "^2.0.13",
-    "webpack-defaults": "^2.3.0",
-    "webpack-dev-server": "^3.1.14"
+    "prettier": "^1.17.0",
+    "standard-version": "^6.0.1",
+    "webpack": "^4.31.0",
+    "webpack-cli": "^3.3.2",
+    "webpack-dev-server": "^3.3.1"
   },
   "pre-commit": "lint-staged",
   "lint-staged": {