Fix resolve path error

package.json

@@ -28,11 +28,12 @@
   "types": "src/modules.d.ts",
   "dependencies": {
     "autoprefixer": "^10.2.5",
+    "bulma": "^0.9.3",
     "fs-extra": "^9.1.0",
     "less": "^4.x",
     "postcss": "8.x",
     "postcss-modules": "^4.0.0",
-    "resolve-file": "^0.3.0",
+    "resolve": "^1.20.0",
     "sass": "^1.x",
     "stylus": "^0.x",
     "tmp": "^0.2.1"

src/index.ts

@@ -19,7 +19,7 @@ import postcss from "postcss";
 import postcssModules from "postcss-modules";
 import less from "less";
 import stylus from "stylus";
-import resolveFile from "resolve-file";
+import resolve from "resolve";
 
 type StylusRenderOptions = Parameters<typeof stylus.render>[1]; // The Stylus.RenderOptions interface doesn't seem to be exported... So next best
 
@@ -51,13 +51,13 @@ export const defaultOptions: PostCSSPluginOptions = {
 };
 
 const postCSSPlugin = ({
-  plugins,
-  modules,
-  rootDir,
-  sassOptions,
-  lessOptions,
-  stylusOptions,
-  writeToFile
+  plugins = [],
+  modules = true,
+  rootDir = process.cwd(),
+  sassOptions = {},
+  lessOptions = {},
+  stylusOptions = {},
+  writeToFile = true
 }: PostCSSPluginOptions = defaultOptions): Plugin => ({
   name: "postcss2",
   setup(build) {
@@ -94,12 +94,20 @@ const postCSSPlugin = ({
         // Namespace is empty when using CSS as an entrypoint
         if (args.namespace !== "file" && args.namespace !== "") return;
 
-        // Resolve files from node_modules (ex: npm install normalize.css)
-        let sourceFullPath = resolveFile(args.path);
-        if (!sourceFullPath)
-          sourceFullPath = path.resolve(args.resolveDir, args.path);
+        let sourceFullPath = resolve.sync(args.path, {
+          basedir: args.resolveDir
+        });
 
         const sourceExt = path.extname(sourceFullPath);
+        if (
+          sourceExt !== ".css" &&
+          sourceExt !== ".sass" &&
+          sourceExt !== ".scss" &&
+          sourceExt !== ".less" &&
+          sourceExt !== ".styl"
+        ) {
+          return;
+        }
         const sourceBaseName = path.basename(sourceFullPath, sourceExt);
         const isModule = sourceBaseName.match(/\.module$/);
         const sourceDir = path.dirname(sourceFullPath);

test/index.js

@@ -6,6 +6,14 @@ const autoprefixer = require("autoprefixer"),
   fs = require("fs");
 
 describe("PostCSS esbuild tests", () => {
+  it("Works with empty options", (done) => {
+    testWithoutOptions(["tests/basic.ts"])
+      .then((res) => {
+        assert(res);
+        done();
+      })
+      .catch(done);
+  });
   it("Works with basic CSS imports", (done) => {
     test(["tests/basic.ts"])
       .then((res) => {
@@ -46,6 +54,15 @@ describe("PostCSS esbuild tests", () => {
       })
       .catch(done);
   });
+  it("Works with fake css file", (done) => {
+    test(["tests/BasePicker.js"])
+      .then((res) => {
+        assert(res);
+        assert(!fs.existsSync("./dist/BasePicker.css"));
+        done();
+      })
+      .catch(done);
+  });
   it("Works while waching css files directly", (done) => {
     let notTriggerTimeout = null;
     build({
@@ -113,6 +130,15 @@ describe("PostCSS esbuild tests", () => {
   });
 });
 
+function testWithoutOptions(entryPoint) {
+  return build({
+    entryPoints: entryPoint,
+    bundle: true,
+    outdir: "dist",
+    plugins: [postCSS.default()]
+  }).catch(() => process.exit(1));
+}
+
 function test(entryPoint) {
   return build({
     entryPoints: entryPoint,

test/tests/BasePicker.js

@@ -0,0 +1,4 @@
+// This usage comes from office-ui-fabric-react (renamed to fluent-ui later)
+// After installing office-ui-fabric-react
+// The below code exists in node_modules/office-ui-fabric-react/lib/components/pickers/BasePicker.js
+import * as stylesImport from "./BasePicker.scss";

test/tests/node_modules.ts

@@ -1 +1,2 @@
 import "normalize.css";
+import "bulma/css/bulma.css";