esbuild-sass-plugin - npm Package Compare versions

Comparing version 1.5.3 to 1.5.4

lib/importer.d.ts

@@ -0,0 +0,0 @@ import { SassPluginOptions } from "./index";

lib/importer.js

@@ -0,0 +0,0 @@ "use strict";

lib/index.d.ts

@@ -0,0 +0,0 @@ import { OnLoadResult } from "esbuild";

lib/index.js

@@ -0,0 +0,0 @@ "use strict";

lib/plugin.d.ts

 import { Plugin } from "esbuild";
 import { SassPluginOptions } from "./index";
 export declare function sassPlugin(options?: SassPluginOptions): Plugin;

lib/plugin.js

@@ -0,0 +0,0 @@ "use strict";

lib/utils.d.ts

@@ -0,0 +0,0 @@ import { SassPluginOptions, Type } from "./index";

lib/utils.js

@@ -0,0 +0,0 @@ "use strict";

package.json

 {
   "name": "esbuild-sass-plugin",
-  "version": "1.5.3",
+  "version": "1.5.4",
   "description": "esbuild plugin for sass/scss files supporting both css loader and css result import (lit-element)",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

README.md

@@ -88,2 +88,3 @@ ![logo created with https://cooltext.com](https://images.cooltext.com/5500652.png)
 |exclude|regex|undefined|
+|importMapper|function|undefined|
 
@@ -127,2 +128,30 @@
 
+### ImportMapper Option
+Function to customize re-map import path, both `import` in ts code and `@import` 
+in scss coverd.   
+You can use this option to re-map import paths like tsconfig's `paths` option.   
+
+e.g.
+```json
+//tsconfig
+{
+  "compilerOptions": {
+    "baseUrl": ".", 
+    "paths": {
+      "@img/*": ["./assets/images/*"] //map image files
+    }
+  }
+}
+```
+Now you can resolve these paths with `importMapper`
+```javascript
+await esbuild.build({
+    ...
+    plugins: [sassPlugin({
+        importMapper: (path)=>
+          path.replace(/^@img\//,"./assets/images/")
+    })]
+})
+```
+
 ### Transform Option
@@ -129,0 +158,0 @@ ```typescript

src/importer.ts

 import {SassPluginOptions} from "./index";
 import resolve from "resolve";
 
-export function createSassImporter({basedir = process.cwd()}: SassPluginOptions) {
+export function createSassImporter({basedir = process.cwd(), importMapper }: SassPluginOptions) {
 
@@ -12,2 +12,5 @@ const opts = {basedir, extensions: [".scss", ".sass", ".css"]};
         }
+        if (importMapper) {
+            url = importMapper(url)
+        }
         try {
@@ -14,0 +17,0 @@ return {file: resolve.sync(url, opts)};

src/index.ts

@@ -7,2 +7,7 @@ import {OnLoadResult} from "esbuild";
 export type SassPluginOptions = {
+    /**
+     * Function to transform import path. Not just paths by @import 
+     * directive, but also paths imported by ts code.
+     */
+    importMapper?:(url: string) => string
 
@@ -9,0 +14,0 @@ /**

src/plugin.ts

@@ -67,2 +67,8 @@ import {OnLoadArgs, OnLoadResult, OnResolveArgs, Plugin} from "esbuild";
         }
+
+        const mapper = options.importMapper
+        if(mapper) {
+            path = mapper(path)
+        }
+
         const paths = options.includePaths ? [resolveDir, ...options.includePaths] : [resolveDir];
@@ -69,0 +75,0 @@ return require.resolve(path, {paths});

src/utils.ts

@@ -0,0 +0,0 @@ import {SassPluginOptions, Type} from "./index";

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Deprecated

Maintenance

The maintainer of the package marked it as deprecated. This could indicate that a single version should not be used, or that the package is no longer maintained and any new vulnerabilities will not be fixed.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Lines of code

757

increased by1.61%

Number of lines in readme file

264

increased by12.34%

Worsened metrics

Total package byte prevSize

49528

decreased by-0.29%

Number of medium maintenance alerts

1

increased byInfinity%

No dependency changes