2.0.0

Author: jonathantneal

plugins/postcss-browser-comments/.rollup.js

@@ -9,7 +9,7 @@ export default {
 	plugins: [
 		babel({
 			presets: [
-				['env', { modules: false, targets: { node: 6 } }]
+				['@babel/env', { modules: false, targets: { node: 6 } }]
 			]
 		})
 	]

plugins/postcss-browser-comments/CHANGELOG.md

@@ -1,5 +1,10 @@
 # Changes to PostCSS Browser Comments
 
+### 2.0.0 (September 6, 2018)
+
+- Update to PostCSS 7.0.2 (major)
+- Update to browserslist 4.1.1 (major)
+
 ### 1.0.0 (June 15, 2018)
 
 - Initial version

plugins/postcss-browser-comments/INSTALL.md

@@ -1,9 +1,10 @@
 # Installing PostCSS Browser Comments
 
-[PostCSS Browser Comments] runs in all Node environments, with special instructions for:
+[PostCSS Browser Comments] runs in all Node environments, with special
+instructions for:
 
-| [Node](#node) | [Webpack](#webpack) | [Create React App](#create-react-app) | [Gulp](#gulp) | [Grunt](#grunt) |
-| --- | --- | --- | --- | --- |
+| [Node](#node) | [PostCSS CLI](#postcss-cli) | [Webpack](#webpack) | [Create React App](#create-react-app) | [Gulp](#gulp) | [Grunt](#grunt) |
+| --- | --- | --- | --- | --- | --- |
 
 ## Node
 
@@ -16,22 +17,42 @@ npm install postcss-browser-comments --save-dev
 Use [PostCSS Browser Comments] to process your CSS:
 
 ```js
-import postcssBrowserComments from 'postcss-browser-comments';
+const postcssBrowserComments = require('postcss-browser-comments');
 
 postcssBrowserComments.process(YOUR_CSS /*, processOptions, pluginOptions */);
 ```
 
 Or use it as a [PostCSS] plugin:
 
 ```js
-import postcss from 'postcss';
-import postcssBrowserComments from 'postcss-browser-comments';
+const postcss = require('postcss');
+const postcssBrowserComments = require('postcss-browser-comments');
 
 postcss([
   postcssBrowserComments(/* pluginOptions */)
 ]).process(YOUR_CSS /*, processOptions */);
 ```
 
+## PostCSS CLI
+
+Add [PostCSS CLI] to your project:
+
+```bash
+npm install postcss-cli --save-dev
+```
+
+Use [PostCSS Browser Comments] in your `postcss.config.js` configuration file:
+
+```js
+const postcssBrowserComments = require('postcss-browser-comments');
+
+module.exports = {
+  plugins: [
+    postcssBrowserComments(/* pluginOptions */)
+  ]
+}
+```
+
 ## Webpack
 
 Add [PostCSS Loader] to your project:
@@ -43,7 +64,7 @@ npm install postcss-loader --save-dev
 Use [PostCSS Browser Comments] in your Webpack configuration:
 
 ```js
-import postcssBrowserComments from 'postcss-browser-comments';
+const postcssBrowserComments = require('postcss-browser-comments');
 
 module.exports = {
   module: {
@@ -78,8 +99,8 @@ Use [React App Rewire PostCSS] and [PostCSS Browser Comments] in your
 `config-overrides.js` file:
 
 ```js
-import reactAppRewirePostcss from 'react-app-rewire-postcss';
-import postcssBrowserComments from 'postcss-browser-comments';
+const reactAppRewirePostcss = require('react-app-rewire-postcss');
+const postcssBrowserComments = require('postcss-browser-comments');
 
 export default config => reactAppRewirePostcss(config, {
   plugins: () => [
@@ -99,8 +120,8 @@ npm install gulp-postcss --save-dev
 Use [PostCSS Browser Comments] in your Gulpfile:
 
 ```js
-import postcss from 'gulp-postcss';
-import postcssBrowserComments from 'postcss-browser-comments';
+const postcss = require('gulp-postcss');
+const postcssBrowserComments = require('postcss-browser-comments');
 
 gulp.task('css', () => gulp.src('./src/*.css').pipe(
   postcss([
@@ -122,7 +143,7 @@ npm install grunt-postcss --save-dev
 Use [PostCSS Browser Comments] in your Gruntfile:
 
 ```js
-import postcssBrowserComments from 'postcss-browser-comments';
+const postcssBrowserComments = require('postcss-browser-comments');
 
 grunt.loadNpmTasks('grunt-postcss');
 
@@ -143,7 +164,8 @@ grunt.initConfig({
 [Gulp PostCSS]: https://github.com/postcss/gulp-postcss
 [Grunt PostCSS]: https://github.com/nDmitry/grunt-postcss
 [PostCSS]: https://github.com/postcss/postcss
-[PostCSS Loader]: https://github.com/postcss/postcss-loader
 [PostCSS Browser Comments]: https://github.com/csstools/postcss-browser-comments
+[PostCSS CLI]: https://github.com/postcss/postcss-cli
+[PostCSS Loader]: https://github.com/postcss/postcss-loader
 [React App Rewire PostCSS]: https://github.com/csstools/react-app-rewire-postcss
 [React App Rewired]: https://github.com/timarney/react-app-rewired

plugins/postcss-browser-comments/README.md

@@ -69,16 +69,16 @@ npm install postcss-browser-comments --save-dev
 Use [PostCSS Browser Comments] to process your CSS:
 
 ```js
-import postcssBrowserComments from 'postcss-browser-comments';
+const postcssBrowserComments = require('postcss-browser-comments');
 
 postcssBrowserComments.process(YOUR_CSS /*, processOptions, pluginOptions */);
 ```
 
 Or use it as a [PostCSS] plugin:
 
 ```js
-import postcss from 'postcss';
-import postcssBrowserComments from 'postcss-browser-comments';
+const postcss = require('postcss');
+const postcssBrowserComments = require('postcss-browser-comments');
 
 postcss([
   postcssBrowserComments(/* pluginOptions */)
@@ -87,8 +87,8 @@ postcss([
 
 [PostCSS Browser Comments] runs in all Node environments, with special instructions for:
 
-| [Node](INSTALL.md#node) | [Webpack](INSTALL.md#webpack) | [Create React App](INSTALL.md#create-react-app) | [Gulp](INSTALL.md#gulp) | [Grunt](INSTALL.md#grunt) |
-| --- | --- | --- | --- | --- |
+| [Node](INSTALL.md#node) | [PostCSS CLI](INSTALL.md#postcss-cli) | [Webpack](INSTALL.md#webpack) | [Create React App](INSTALL.md#create-react-app) | [Gulp](INSTALL.md#gulp) | [Grunt](INSTALL.md#grunt) |
+| --- | --- | --- | --- | --- | --- |
 
 ## Options
 

plugins/postcss-browser-comments/package.json

@@ -1,6 +1,6 @@
 {
   "name": "postcss-browser-comments",
-  "version": "1.0.0",
+  "version": "2.0.0",
   "description": "Keep only the CSS you need based on comments and your browserslist",
   "author": "Jonathan Neal <csstools@hotmail.com>",
   "license": "CC0-1.0",
@@ -25,21 +25,22 @@
     "node": ">=6.0.0"
   },
   "dependencies": {
-    "postcss": "^6.0.22"
+    "postcss": "^7.0.2"
   },
   "peerDependencies": {
-    "browserslist": "^3"
+    "browserslist": "^4"
   },
   "devDependencies": {
-    "babel-core": "^6.26.3",
-    "babel-eslint": "^8.2.3",
-    "babel-preset-env": "^1.7.0",
-    "eslint": "^4.19.1",
+    "@babel/core": "^7.0.0",
+    "@babel/preset-env": "^7.0.0",
+    "babel-eslint": "^9.0.0",
+    "browserslist": "^4.1.1",
+    "eslint": "^5.5.0",
     "eslint-config-dev": "^2.0.0",
     "postcss-tape": "^2.2.0",
     "pre-commit": "^1.2.2",
-    "rollup": "^0.60.7",
-    "rollup-plugin-babel": "^3.0.4"
+    "rollup": "^0.65.2",
+    "rollup-plugin-babel": "^4.0.3"
   },
   "eslintConfig": {
     "extends": "dev",