Merge pull request #2 from yeojz/feature/webpack-4-support

Webpack 4 Support + Update Dependencies

Author: Gerald Yeo

.babelrc

@@ -1,9 +1,9 @@
 {
   "presets": [
-    "es2015"
-  ],
-  "plugins": [
-  ],
-  "env": {
-  }
+    ["env", {
+      "targets": {
+        "node": "6"
+      }
+    }]
+  ]
 }

.npmignore

@@ -7,6 +7,7 @@
 .nycrc
 .spec_output
 .travis.yml
+.npmrc
 
 /rollup.config.js
 /webpack.config.js
@@ -21,3 +22,4 @@ tests
 webpack.config.js
 temp
 fixtures
+

.npmrc

@@ -0,0 +1 @@
+//registry.npmjs.org/:_authToken=${NPM_TOKEN}

CONTRIBUTING.md

@@ -44,5 +44,5 @@ Before submitting a pull request, please make sure the following is done:
 
 Thank you for contributing!
 
-[pr-welcome-badge]: https://img.shields.io/badge/PRs-Welcome-ff69b4.svg?style=flat-square
+[pr-welcome-badge]: https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square
 [pr-welcome-link]: https://github.com/yeojz/filter-chunk-webpack-plugin/blob/master/CONTRIBUTING.md

README.md

@@ -4,6 +4,8 @@
 
 [![npm][npm-badge]][npm-link]
 [![Build Status][circle-badge]][circle-link]
+[![Coverage Status][codecov-badge]][codecov-link]
+[![PRs Welcome][pr-welcome-badge]][pr-welcome-link]
 
 This webpack plugin allows you to filter the list of output files before
 they are being written / emitted to disk. It does not prevent files
@@ -21,11 +23,19 @@ Install the library via:
 $ npm install filter-chunk-webpack-plugin --save-dev
 ```
 
+### Tested Versions
+
+| Webpack | Package Version |
+| ------- | --------------- |
+| 4.x.x   | > 2.x.x         |
+| 3.x.x   | 1.x.x           |
+
 ## Basic Usage
 
 ```js
-const FilterChunkWebpackPlugin = require('filter-chunk-webpack-plugin');
 const ExtractTextPlugin = require('extract-text-webpack-plugin');
+const FilterChunkWebpackPlugin = require('filter-chunk-webpack-plugin');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const path = require('path');
 
 const webpackConfig = {
@@ -36,6 +46,12 @@ const webpackConfig = {
   },
   module: {
     rules: [{
+      test: /\.css$/,
+      use: [
+        MiniCssExtractPlugin.loader,
+        "css-loader"
+      ]
+    }, {
       test: /\.svg$/,
       use: {
         loader: 'file-loader',
@@ -47,10 +63,10 @@ const webpackConfig = {
     }]
   },
   plugins: [
-    new ExtractTextPlugin({
-      filename: 'assets/css/css.[contenthash].css',
-      allChunks: true
-    }),
+    new MiniCssExtractPlugin({
+      filename: "assets/css/[contenthash].css",
+      chunkFilename: "assets/css/[id].css"
+    })
     new FilterChunkWebpackPlugin({
       patterns: [
         'assets/*',
@@ -74,7 +90,7 @@ but not
 assets/images/a5b912cd3.svg
 ```
 
-For more info, check out the [usage.spec.js](./src/usage.spec.js) for more info.
+For more information, check out the [usage.spec.js](./src/usage.spec.js).
 
 ## Options
 
@@ -89,8 +105,10 @@ For more info, check out the [usage.spec.js](./src/usage.spec.js) for more info.
 
 [npm-badge]: https://img.shields.io/npm/v/filter-chunk-webpack-plugin.svg?style=flat-square
 [npm-link]: https://www.npmjs.com/package/filter-chunk-webpack-plugin
-
 [circle-badge]: https://img.shields.io/circleci/project/github/yeojz/filter-chunk-webpack-plugin/master.svg?style=flat-square
 [circle-link]: https://circleci.com/gh/yeojz/filter-chunk-webpack-plugin
-
 [multimatch-package]: https://github.com/sindresorhus/multimatch
+[pr-welcome-badge]: https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square
+[pr-welcome-link]: https://github.com/yeojz/filter-chunk-webpack-plugin/blob/master/CONTRIBUTING.md
+[codecov-badge]: https://img.shields.io/codecov/c/github/yeojz/filter-chunk-webpack-plugin/master.svg?style=flat-square
+[codecov-link]: https://codecov.io/gh/yeojz/filter-chunk-webpack-plugin

circle.yml

@@ -1,32 +1,35 @@
 machine:
   node:
-    version: "6"
+    version: "8"
   environment:
     PATH: "${PATH}:${HOME}/${CIRCLE_PROJECT_REPONAME}/node_modules/.bin"
 general:
   branches:
     ignore:
       - gh-pages
-dependencies:
-  override:
-    - yarn
-  cache_directories:
-    - ~/.cache/yarn
 test:
   pre:
     - yarn run clean
   override:
-    - yarn test
-    - yarn run lint
-    - yarn run test
-    - yarn run coverage:upload
+    - npm run test
+    - npm run lint
+    - npm run test
+    - npm run coverage:upload
 deployment:
   release:
     tag: /^v[0-9]+(\.[0-9]+)*$/
     owner: yeojz
     commands:
-      - yarn run clean
-      - yarn run build
-      - echo -e "$NPM_USER\n$NPM_PASS\n$NPM_EMAIL" | npm login
+      - npx conventional-github-releaser -p angular
+      - npm run clean
+      - npm run build
       - npm publish
-      - npm logout
+  beta:
+    tag: /^v[0-9]+(\.[0-9]+)*\-[0-9]+$/
+    owner: yeojz
+    commands:
+      - npx conventional-github-releaser -p angular
+      - npm run clean
+      - npm run build
+      - npm publish --tag next
+