rollup-plugin-lib-style 2.1.0 → 2.2.0

package/README.md

@@ -117,6 +117,11 @@ Type: string<br />
 Default: "."<br />
 Description: Change custom path for starting of reference to CSS file, useful for nested component structure
 
+### customCSSPath
+Type: (id: string) => string<br />
+Default: undefined<br />
+Description: A callback that allows you to transform where to store import the generated CSS file from. For example, `Header.module.scss` transformed to `Header.module.css`, but NextJS treat `.module.scss` as CSS module, so you cannot import it directly. Then you can use `return id.replace(process.cwd(), "").replace(/\\/g, "/").replace('.module', '')` to fix it. This will affect both CSS filename and the `import` statement.
+
 
 ## Global Styles
 In some cases, we will want to create global class names (without hash)

package/lib/index.es.js

@@ -112,7 +112,7 @@ const defaultLoaders = [
 const replaceMagicPath = (fileContent, customPath = ".") => fileContent.replace(MAGIC_PATH_REGEX, customPath);
 
 const libStylePlugin = (options = {}) => {
-  const {customPath, loaders, include, exclude, importCSS = true, ...postCssOptions} = options;
+  const {customPath, customCSSPath, loaders, include, exclude, importCSS = true, ...postCssOptions} = options;
   const allLoaders = [...(loaders || []), ...defaultLoaders];
   const filter = createFilter(include, exclude);
   const getLoader = (filepath) => allLoaders.find((loader) => loader.regex.test(filepath));
@@ -137,7 +137,11 @@ const libStylePlugin = (options = {}) => {
 
       for (const dependency of postCssResult.dependencies) this.addWatchFile(dependency);
 
-      const cssFilePath = id.replace(process.cwd(), "").replace(/\\/g, "/");
+      const getFilePath = () => {
+        return id.replace(process.cwd(), "").replace(/\\/g, "/")
+      };
+
+      const cssFilePath = customCSSPath ? customCSSPath(id) : getFilePath();
 
       // create a new css file with the generated hash class names
       this.emitFile({

package/lib/index.js

@@ -114,7 +114,7 @@ const defaultLoaders = [
 const replaceMagicPath = (fileContent, customPath = ".") => fileContent.replace(MAGIC_PATH_REGEX, customPath);
 
 const libStylePlugin = (options = {}) => {
-  const {customPath, loaders, include, exclude, importCSS = true, ...postCssOptions} = options;
+  const {customPath, customCSSPath, loaders, include, exclude, importCSS = true, ...postCssOptions} = options;
   const allLoaders = [...(loaders || []), ...defaultLoaders];
   const filter = rollupPluginutils.createFilter(include, exclude);
   const getLoader = (filepath) => allLoaders.find((loader) => loader.regex.test(filepath));
@@ -139,7 +139,11 @@ const libStylePlugin = (options = {}) => {
 
       for (const dependency of postCssResult.dependencies) this.addWatchFile(dependency);
 
-      const cssFilePath = id.replace(process.cwd(), "").replace(/\\/g, "/");
+      const getFilePath = () => {
+        return id.replace(process.cwd(), "").replace(/\\/g, "/")
+      };
+
+      const cssFilePath = customCSSPath ? customCSSPath(id) : getFilePath();
 
       // create a new css file with the generated hash class names
       this.emitFile({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rollup-plugin-lib-style",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "A Rollup plugin that converts CSS and extensions for CSS into CSS modules and imports the generated CSS files",
   "main": "lib/index.js",
   "module": "lib/index.es.js",

package/types/index.d.ts

@@ -1,4 +1,4 @@
-import {PluginImpl, RollupWarning} from "rollup"
+import { PluginImpl, RollupWarning } from "rollup"
 
 declare interface ProcessArgs {
   code: string
@@ -20,10 +20,11 @@ declare interface Options {
   classNamePrefix?: string
   scopedName?: string
   customPath?: string
+  customCSSPath?: (id: string) => string
 }
 
 declare const onwarn: (warning: RollupWarning, defaultHandler: (warning: string | RollupWarning) => void) => void
 
 declare const libStylePlugin: PluginImpl<Options>
 
-export {onwarn, libStylePlugin}
+export { onwarn, libStylePlugin }