docs: fix autoload config files (webpack#502)

Author: evilebottnawi

README.md

@@ -370,7 +370,7 @@ The loader will search up the directory tree for configuration in the following
 
 - a `postcss` property in `package.json`
 - a `.postcssrc` file in JSON or YAML format
-- a `.postcss.json`, `.postcss.yaml`, `.postcss.yml`, `.postcss.js`, or `.postcss.cjs` file
+- a `.postcssrc.json`, `.postcssrc.yaml`, `.postcssrc.yml`, `.postcssrc.js`, or `.postcssrc.cjs` file
 - a `postcss.config.js` or `postcss.config.cjs` CommonJS module exporting an object (**recommended**)
 
 ##### Examples of Config Files

package-lock.json

@@ -49,9 +49,9 @@
     "semver": "^7.3.2"
   },
   "devDependencies": {
-    "@babel/cli": "^7.12.1",
-    "@babel/core": "^7.12.3",
-    "@babel/preset-env": "^7.12.1",
+    "@babel/cli": "^7.12.8",
+    "@babel/core": "^7.12.8",
+    "@babel/preset-env": "^7.12.7",
     "@commitlint/cli": "^11.0.0",
     "@commitlint/config-conventional": "^11.0.0",
     "@webpack-contrib/defaults": "^6.3.0",
@@ -61,14 +61,14 @@
     "cssnano": "^4.1.10",
     "del": "^6.0.0",
     "del-cli": "^3.0.1",
-    "eslint": "^7.13.0",
+    "eslint": "^7.14.0",
     "eslint-config-prettier": "^6.15.0",
     "eslint-plugin-import": "^2.22.1",
     "husky": "^4.3.0",
     "jest": "^26.6.3",
     "less": "^3.12.2",
     "less-loader": "^7.1.0",
-    "lint-staged": "^10.5.1",
+    "lint-staged": "^10.5.2",
     "memfs": "^3.2.0",
     "midas": "^2.0.3",
     "npm-run-all": "^4.1.5",
@@ -78,7 +78,7 @@
     "postcss-js": "^3.0.3",
     "postcss-nested": "^5.0.1",
     "postcss-short": "^5.0.0",
-    "prettier": "^2.1.2",
+    "prettier": "^2.2.0",
     "sass": "^1.29.0",
     "sass-loader": "^10.1.0",
     "standard-version": "^9.0.0",

package.json

@@ -26,6 +26,21 @@ describe("autoload config", () => {
     );
   });
 
+  it('should load ".postcssrc.js"', async () => {
+    const loadedConfig = await loadConfig(
+      loaderContext,
+      path.resolve(testDirectory, "rc-js")
+    );
+
+    expect(loadedConfig.config.map).toEqual(false);
+    expect(loadedConfig.config.from).toEqual("./test/rc-js/fixtures/index.css");
+    expect(loadedConfig.config.to).toEqual("./test/rc-js/expect/index.css");
+    expect(Object.keys(loadedConfig.config.plugins).length).toEqual(2);
+    expect(loadedConfig.filepath).toEqual(
+      path.resolve(testDirectory, "rc-js", ".postcssrc.js")
+    );
+  });
+
   it('should load "package.json"', async () => {
     const loadedConfig = await loadConfig(
       loaderContext,

test/config-autoload.test.js

@@ -0,0 +1,11 @@
+module.exports = {
+  "parser": "sugarss",
+  "syntax": "sugarss",
+  "map": false,
+  "from": "./test/rc-js/fixtures/index.css",
+  "to": "./test/rc-js/expect/index.css",
+  "plugins": [
+    "postcss-import",
+    ["postcss-nested", {}]
+  ]
+};

test/fixtures/config-autoload/rc-js/.postcssrc.js

@@ -0,0 +1,7 @@
+.import {
+  color: red;
+}
+
+.test {
+  color: blue;
+}

test/fixtures/config-autoload/rc-js/expect/index.css

@@ -0,0 +1,7 @@
+.import {
+  color: red
+}
+
+.test {
+  color: blue
+}

test/fixtures/config-autoload/rc-js/expect/index.sss

@@ -0,0 +1,3 @@
+.import {
+  color: red;
+}

test/fixtures/config-autoload/rc-js/fixtures/imports/section.css

@@ -0,0 +1,2 @@
+.import
+  color: red

test/fixtures/config-autoload/rc-js/fixtures/imports/section.sss

@@ -0,0 +1,5 @@
+@import "imports/section.css";
+
+.test {
+  color: blue;
+}