From c9b9a89175427da92af09ca9db77b1b7236d19dc Mon Sep 17 00:00:00 2001 From: Peerapong Maitriwong Date: Thu, 18 Mar 2021 17:16:51 +0700 Subject: [PATCH 1/2] fix: test failed by mismatch normalize.css & sanitize.css --- package.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/package.json b/package.json index 9e4d46e..1a98cd5 100644 --- a/package.json +++ b/package.json @@ -25,10 +25,10 @@ "node": ">=10.0.0" }, "dependencies": { - "@csstools/normalize.css": "*", + "@csstools/normalize.css": "10.1.0", "postcss": "^7.0.27", "postcss-browser-comments": "^3.0.0", - "sanitize.css": "*" + "sanitize.css": "11.0.0" }, "devDependencies": { "@babel/core": "^7.9.0", From 43cf6f0df30fb2b603795494561555c337d5434c Mon Sep 17 00:00:00 2001 From: Peerapong Maitriwong Date: Fri, 19 Mar 2021 17:50:25 +0700 Subject: [PATCH 2/2] feat: upgrade to PostCSS@8 --- package.json | 8 +++++--- src/index.js | 21 +++++++++++++++------ 2 files changed, 20 insertions(+), 9 deletions(-) diff --git a/package.json b/package.json index 1a98cd5..8f57a03 100644 --- a/package.json +++ b/package.json @@ -26,7 +26,6 @@ }, "dependencies": { "@csstools/normalize.css": "10.1.0", - "postcss": "^7.0.27", "postcss-browser-comments": "^3.0.0", "sanitize.css": "11.0.0" }, @@ -35,15 +34,18 @@ "@babel/plugin-syntax-import-meta": "^7.8.3", "@babel/preset-env": "^7.9.5", "babel-eslint": "^10.1.0", + "browserslist": "^4.16.3", "eslint": "^6.8.0", + "postcss": "^8.2.8", "postcss-import": "^12.0.1", - "postcss-tape": "^5.0.2", + "postcss-tape": "^6.0.1", "pre-commit": "^1.2.2", "rollup": "^2.6.0", "rollup-plugin-babel": "^4.4.0" }, "peerDependencies": { - "browserslist": "^4" + "browserslist": "^4.16.3", + "postcss": "^8.2.8" }, "babel": { "plugins": [ diff --git a/src/index.js b/src/index.js index 34b4969..6a0ec6f 100644 --- a/src/index.js +++ b/src/index.js @@ -1,15 +1,24 @@ -import { assign, create } from './lib/util'; -import postcss from 'postcss'; +import { create } from './lib/util'; import postcssBrowserComments from 'postcss-browser-comments'; import postcssImportNormalize from './lib/postcssImportNormalize'; import postcssNormalize from './lib/postcssNormalize'; -export default postcss.plugin('postcss-normalize', opts => { +const plugin = opts => { opts = create(opts); - const commentsTransformer = postcssBrowserComments(opts); + const commentsTransformer = postcssBrowserComments(opts).Once; const normalizeTransformer = postcssNormalize(commentsTransformer, opts); const postcssImportConfig = postcssImportNormalize(commentsTransformer, opts); - return assign(normalizeTransformer, { postcssImport: postcssImportConfig }); -}); + return { + postcssPlugin: 'postcss-normalize', + Once(root) { + return normalizeTransformer(root) + }, + postcssImport: postcssImportConfig + } +} + +plugin.postcss = true; + +export default plugin;