@compiled/webpack-loader 0.8.7 → 0.9.2

package/dist/__fixtures__/lib/loader-alias.d.ts

@@ -1 +1 @@
-export declare const styles: import("@compiled/react").CSSProps;
+export declare const styles: import("@compiled/react").CSSProps<unknown>;

package/dist/__fixtures__/lib/webpack-alias.d.ts

@@ -1 +1 @@
-export declare const styles: import("@compiled/react").CSSProps;
+export declare const styles: import("@compiled/react").CSSProps<unknown>;

package/dist/compiled-loader.js

@@ -30,7 +30,7 @@ let hasErrored = false;
  * @returns
  */
 function getLoaderOptions(context) {
-    const { bake = true, extract = false, importReact = undefined, nonce = undefined, resolve = {}, extensions = undefined, babelPlugins = [], [extract_plugin_1.pluginName]: isPluginEnabled = false, } = typeof context.getOptions === 'undefined'
+    const { bake = true, extract = false, importReact = undefined, nonce = undefined, resolve = {}, extensions = undefined, parserBabelPlugins = [], transformerBabelPlugins = [], [extract_plugin_1.pluginName]: isPluginEnabled = false, ssr = false, optimizeCss = true, } = typeof context.getOptions === 'undefined'
         ? // Webpack v4 flow
             (0, loader_utils_1.getOptions)(context)
         : // Webpack v5 flow
@@ -55,12 +55,21 @@ function getLoaderOptions(context) {
                     extensions: {
                         type: 'array',
                     },
-                    babelPlugins: {
+                    parserBabelPlugins: {
+                        type: 'array',
+                    },
+                    transformerBabelPlugins: {
                         type: 'array',
                     },
                     [extract_plugin_1.pluginName]: {
                         type: 'boolean',
                     },
+                    ssr: {
+                        type: 'boolean',
+                    },
+                    optimizeCss: {
+                        type: 'boolean',
+                    },
                 },
             });
     return {
@@ -70,8 +79,11 @@ function getLoaderOptions(context) {
         nonce,
         resolve,
         extensions,
-        babelPlugins,
+        parserBabelPlugins,
+        transformerBabelPlugins,
         [extract_plugin_1.pluginName]: isPluginEnabled,
+        ssr,
+        optimizeCss,
     };
 }
 /**
@@ -81,7 +93,7 @@ function getLoaderOptions(context) {
  * @param code
  */
 async function compiledLoader(code) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e;
     const callback = this.async();
     // Bail early if Compiled isn't in the module or we're looking at compiled runtime code
     if (code.indexOf('@compiled/react') === -1 ||
@@ -90,19 +102,20 @@ async function compiledLoader(code) {
     }
     try {
         const includedFiles = [];
-        const _d = getLoaderOptions(this), { resolve } = _d, options = __rest(_d, ["resolve"]);
+        const _f = getLoaderOptions(this), { resolve } = _f, options = __rest(_f, ["resolve"]);
         // Transform to an AST using the local babel config.
         const ast = await (0, core_1.parseAsync)(code, {
             filename: this.resourcePath,
             caller: { name: 'compiled' },
             rootMode: 'upward-optional',
+            plugins: (_a = options.transformerBabelPlugins) !== null && _a !== void 0 ? _a : undefined,
         });
         // Setup the default resolver, where webpack will merge any passed in options with the default
         // resolve configuration. Ideally, we use this.getResolve({ ...resolve, useSyncFileSystemCalls: true, })
         // However, it does not work correctly when in development mode :/
         const resolver = enhanced_resolve_1.ResolverFactory.createResolver(Object.assign(Object.assign(Object.assign({ 
             // @ts-expect-error
-            fileSystem: new enhanced_resolve_1.CachedInputFileSystem(fs_1.default, 4000) }, ((_b = (_a = this._compilation) === null || _a === void 0 ? void 0 : _a.options.resolve) !== null && _b !== void 0 ? _b : {})), resolve), { 
+            fileSystem: new enhanced_resolve_1.CachedInputFileSystem(fs_1.default, 4000) }, ((_c = (_b = this._compilation) === null || _b === void 0 ? void 0 : _b.options.resolve) !== null && _c !== void 0 ? _c : {})), resolve), { 
             // This makes the resolver invoke the callback synchronously
             useSyncFileSystemCalls: true }));
         // Transform using the Compiled Babel Plugin - we deliberately turn off using the local config.
@@ -112,10 +125,12 @@ async function compiledLoader(code) {
             sourceMaps: true,
             filename: this.resourcePath,
             plugins: [
+                ...((_d = options.transformerBabelPlugins) !== null && _d !== void 0 ? _d : []),
                 options.extract && [
                     '@compiled/babel-plugin-strip-runtime',
                     {
                         styleSheetPath: `@compiled/webpack-loader/css-loader!@compiled/webpack-loader/css-loader/${extract_plugin_1.styleSheetName}.css`,
+                        compiledRequireExclude: options.ssr,
                     },
                 ],
                 options.bake && [
@@ -132,7 +147,7 @@ async function compiledLoader(code) {
         includedFiles.forEach((file) => {
             this.addDependency((0, path_1.normalize)(file));
         });
-        callback(null, (result === null || result === void 0 ? void 0 : result.code) || '', (_c = result === null || result === void 0 ? void 0 : result.map) !== null && _c !== void 0 ? _c : undefined);
+        callback(null, (result === null || result === void 0 ? void 0 : result.code) || '', (_e = result === null || result === void 0 ? void 0 : result.map) !== null && _e !== void 0 ? _e : undefined);
     }
     catch (e) {
         // @ts-expect-error Not checking for error type

package/dist/compiled-loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"compiled-loader.js","sourceRoot":"","sources":["../src/compiled-loader.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"compiled-loader.js","sourceRoot":"","sources":["../src/compiled-loader.ts"],"names":[],"mappings":"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"}

package/dist/extract-plugin.js

@@ -28,7 +28,7 @@ exports.styleSheetName = 'compiled-css';
 const getCSSAssets = (assets) => {
     return Object.keys(assets)
         .filter((assetName) => {
-        return assetName.endsWith(`${exports.styleSheetName}.css`);
+        return assetName.includes(exports.styleSheetName) && assetName.endsWith('.css');
     })
         .map((assetName) => ({ name: assetName, source: assets[assetName], info: {} }));
 };
@@ -39,7 +39,7 @@ const getCSSAssets = (assets) => {
  *
  * @param compiler
  */
-const forceCSSIntoOneStyleSheet = (compiler) => {
+const forceCSSIntoOneStyleSheet = (compiler, options) => {
     const cacheGroup = {
         compiledCSS: {
             name: exports.styleSheetName,
@@ -48,6 +48,7 @@ const forceCSSIntoOneStyleSheet = (compiler) => {
             // We merge only CSS from Compiled.
             test: /css-loader\/compiled-css\.css$/,
             enforce: true,
+            priority: Infinity,
         },
     };
     if (!compiler.options.optimization) {
@@ -61,7 +62,7 @@ const forceCSSIntoOneStyleSheet = (compiler) => {
     if (!compiler.options.optimization.splitChunks.cacheGroups) {
         compiler.options.optimization.splitChunks.cacheGroups = {};
     }
-    Object.assign(compiler.options.optimization.splitChunks.cacheGroups, cacheGroup);
+    Object.assign(compiler.options.optimization.splitChunks.cacheGroups, options.cacheGroupExclude ? {} : cacheGroup);
 };
 /**
  * Pushes a new loader onto the compiler.
@@ -101,7 +102,7 @@ class CompiledExtractPlugin {
     apply(compiler) {
         const { RawSource } = (0, utils_2.getSources)(compiler);
         pushNodeModulesExtractLoader(compiler, __classPrivateFieldGet(this, _CompiledExtractPlugin_options, "f"));
-        forceCSSIntoOneStyleSheet(compiler);
+        forceCSSIntoOneStyleSheet(compiler, __classPrivateFieldGet(this, _CompiledExtractPlugin_options, "f"));
         compiler.hooks.compilation.tap(exports.pluginName, (compilation) => {
             (0, utils_2.setPluginConfiguredOption)(compilation.options.module.rules, exports.pluginName);
             (0, utils_2.getOptimizeAssetsHook)(compiler, compilation).tap(exports.pluginName, (assets) => {

package/dist/extract-plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"extract-plugin.js","sourceRoot":"","sources":["../src/extract-plugin.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"extract-plugin.js","sourceRoot":"","sources":["../src/extract-plugin.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,uCAAqC;AACrC,2CAAyD;AAIzD,mCAKiB;AAEJ,QAAA,UAAU,GAAG,uBAAuB,CAAC;AACrC,QAAA,cAAc,GAAG,cAAc,CAAC;AAE7C;;;;;;GAMG;AACH,MAAM,YAAY,GAAG,CAAC,MAA6B,EAAE,EAAE;IACrD,OAAO,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC;SACvB,MAAM,CAAC,CAAC,SAAS,EAAE,EAAE;QACpB,OAAO,SAAS,CAAC,QAAQ,CAAC,sBAAc,CAAC,IAAI,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC1E,CAAC,CAAC;SACD,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;AACpF,CAAC,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,yBAAyB,GAAG,CAAC,QAAkB,EAAE,OAAqC,EAAE,EAAE;IAC9F,MAAM,UAAU,GAAG;QACjB,WAAW,EAAE;YACX,IAAI,EAAE,sBAAc;YACpB,IAAI,EAAE,kBAAkB;YACxB,MAAM,EAAE,KAAK;YACb,mCAAmC;YACnC,IAAI,EAAE,gCAAgC;YACtC,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,QAAQ;SACnB;KACF,CAAC;IAEF,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,YAAY,EAAE;QAClC,QAAQ,CAAC,OAAO,CAAC,YAAY,GAAG,EAAE,CAAC;KACpC;IAED,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,WAAW,EAAE;QAC9C,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,WAAW,GAAG;YAC1C,WAAW,EAAE,EAAE;SAChB,CAAC;KACH;IAED,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,WAAW,EAAE;QAC1D,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,WAAW,GAAG,EAAE,CAAC;KAC5D;IAED,MAAM,CAAC,MAAM,CACX,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,WAAW,EACrD,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAC5C,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,4BAA4B,GAAG,CACnC,QAAkB,EAClB,OAAqC,EAC/B,EAAE;IACR,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,EAAE;QAC5B,MAAM,IAAA,mBAAW,EAAC,gBAAgB,CAAC,CAAC,4BAA4B,CAAC,CAAC;KACnE;IAED,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC;QACjC,IAAI,EAAE,EAAE,GAAG,EAAE,CAAC,qBAAqB,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,iBAAS,CAAC,EAAE;QACjF,OAAO,EAAE,OAAO,CAAC,kBAAkB;QACnC,OAAO,EAAE,OAAO,CAAC,kBAAkB;QACnC,GAAG,EAAE;YACH,MAAM,EAAE,0BAA0B;YAClC,OAAO,EAAE;gBACP,uGAAuG;gBACvG,IAAI,EAAE,KAAK;gBACX,OAAO,EAAE,IAAI;gBACb,CAAC,kBAAU,CAAC,EAAE,IAAI;aACnB;SACF;KACF,CAAC,CAAC;AACL,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAa,qBAAqB;IAGhC,YAAY,UAAwC,EAAE;QAFtD,iDAAuC;QAGrC,uBAAA,IAAI,kCAAY,OAAO,MAAA,CAAC;IAC1B,CAAC;IAED,KAAK,CAAC,QAAkB;QACtB,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,kBAAU,EAAC,QAAQ,CAAC,CAAC;QAE3C,4BAA4B,CAAC,QAAQ,EAAE,uBAAA,IAAI,sCAAS,CAAC,CAAC;QACtD,yBAAyB,CAAC,QAAQ,EAAE,uBAAA,IAAI,sCAAS,CAAC,CAAC;QAEnD,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,kBAAU,EAAE,CAAC,WAAW,EAAE,EAAE;YACzD,IAAA,iCAAyB,EAAC,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,kBAAU,CAAC,CAAC;YAExE,IAAA,6BAAqB,EAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,GAAG,CAAC,kBAAU,EAAE,CAAC,MAAM,EAAE,EAAE;gBACtE,MAAM,SAAS,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;gBACvC,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;oBAC1B,OAAO;iBACR;gBAED,MAAM,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;gBAC1B,MAAM,QAAQ,GAAG,IAAA,8BAAsB,EAAC,KAAK,CAAC,MAAM,CAAC,CAAC;gBACtD,MAAM,SAAS,GAAG,IAAI,SAAS,CAAC,IAAA,UAAI,EAAC,QAAQ,CAAC,CAAC,CAAC;gBAEhD,WAAW,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;YAC7D,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;CACF;AA9BD,sDA8BC"}

package/dist/types.d.ts

@@ -1,3 +1,4 @@
+import type { PluginItem } from '@babel/core';
 import type { ParserPlugin } from '@babel/parser';
 import type { ResolveOptions, RuleSetCondition } from 'webpack';
 import type { pluginName } from './extract-plugin';
@@ -18,6 +19,11 @@ export interface CompiledLoaderOptions {
      * When using @babel/preset-react with the automatic runtime this is not needed and can be set to false.
      */
     importReact?: boolean;
+    /**
+     * Will run additional cssnano plugin to normalize CSS during build.
+     * Default to `true`.
+     */
+    optimizeCss?: boolean;
     /**
      * Enables CSP support,
      * read [Security](https://compiledcssinjs.com/docs/security) for more information.
@@ -32,13 +38,26 @@ export interface CompiledLoaderOptions {
      */
     extensions?: string[];
     /**
-     * List of babel plugins to be applied to evaluated files
+     * List of transformer babel plugins to be applied to evaluated files
+     *
+     * See the [babel docs](https://babeljs.io/docs/en/plugins/#transform-plugins)
      */
-    babelPlugins?: ParserPlugin[];
+    transformerBabelPlugins?: PluginItem[];
+    /**
+     * List of parse babel plugins to be applied to evaluated files
+     *
+     * See the [babel docs](https://babeljs.io/docs/en/plugins/#syntax-plugins)
+     */
+    parserBabelPlugins?: ParserPlugin[];
     /**
      * Set to true if CompiledExtractPlugin has been set up correctly
      */
     [pluginName]?: boolean;
+    /**
+     * Build in a node environment.
+     * Defaults to `false`.
+     */
+    ssr?: boolean;
 }
 export interface CompiledExtractPluginOptions {
     /**
@@ -56,4 +75,9 @@ export interface CompiledExtractPluginOptions {
      * See: https://webpack.js.org/configuration/module/#condition
      */
     nodeModulesExclude?: RuleSetCondition;
+    /**
+     * When set will prevent additional cacheGroup chunk to be created.
+     * Eg. This may be required in SSR to prevent side-effects
+     */
+    cacheGroupExclude?: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@compiled/webpack-loader",
-  "version": "0.8.7",
+  "version": "0.9.2",
   "description": "A familiar and performant compile time CSS-in-JS library for React.",
   "homepage": "https://compiledcssinjs.com/docs/pkg-webpack-loader",
   "bugs": "https://github.com/atlassian-labs/compiled/issues/new?assignees=&labels=bug&template=bug_report.md",
@@ -20,25 +20,25 @@
     "src"
   ],
   "dependencies": {
-    "@babel/core": "^7.17.8",
-    "@compiled/babel-plugin": "^0.15.0",
-    "@compiled/babel-plugin-strip-runtime": "^0.14.1",
-    "@compiled/css": "^0.8.2",
-    "@compiled/react": "0.10.4",
+    "@babel/core": "^7.17.10",
+    "@compiled/babel-plugin": "^0.16.3",
+    "@compiled/babel-plugin-strip-runtime": "^0.16.0",
+    "@compiled/css": "^0.8.4",
+    "@compiled/react": "0.11.0",
     "@compiled/utils": "^0.6.16",
-    "enhanced-resolve": "^5.8.3",
+    "enhanced-resolve": "^5.10.0",
     "loader-utils": "^2.0.2",
     "webpack-sources": "^3.2.3"
   },
   "devDependencies": {
     "babel-loader": "^8.2.4",
     "css-loader": "^6.7.1",
-    "memfs": "^3.4.1",
+    "memfs": "^3.4.7",
     "mini-css-extract-plugin": "^1.6.2",
     "react": "^17.0.2",
-    "ts-node": "^10.7.0",
-    "tsconfig-paths": "^3.13.0",
-    "webpack": "^5.70.0"
+    "ts-node": "^10.8.2",
+    "tsconfig-paths": "^3.14.1",
+    "webpack": "^5.71.0"
   },
   "peerDependencies": {
     "webpack": ">= 4.46.0"

package/src/__tests__/extract-plugin.test.ts

@@ -4,7 +4,6 @@ import { bundle as bundleEntry } from './test-utils';
 import type { BundleOptions } from './test-utils';
 
 describe('CompiledExtractPlugin', () => {
-  const assetName = 'static/compiled-css.css';
   const fixturesPath = join(__dirname, '..', '__fixtures__');
 
   const bundle = (entry: string, options: Omit<BundleOptions, 'mode'> = {}) =>
@@ -12,6 +11,13 @@ describe('CompiledExtractPlugin', () => {
       ...options,
       extract: true,
       mode: 'production',
+    }).then((assets) => {
+      for (const assetName in assets) {
+        if (assetName.includes('compiled-css') && assetName.endsWith('.css')) {
+          return assets[assetName];
+        }
+      }
+      return undefined;
     });
 
   it('throws when the plugin is not configured', async () => {
@@ -26,10 +32,18 @@ describe('CompiledExtractPlugin', () => {
     ]);
   }, 10000);
 
+  it('should not generate a single style sheet if cacheGroup is disabled', async () => {
+    const actual = await bundle(join(fixturesPath, 'local-styles.tsx'), {
+      disableCacheGroup: true,
+    });
+
+    expect(actual).toBe(undefined);
+  }, 10000);
+
   it('extracts local styles', async () => {
     const actual = await bundle(join(fixturesPath, 'local-styles.tsx'));
 
-    expect(actual[assetName]).toMatchInlineSnapshot(`
+    expect(actual).toMatchInlineSnapshot(`
       "._1wybdlk8{font-size:14px}
       ._syaz13q2{color:blue}
       "
@@ -41,7 +55,7 @@ describe('CompiledExtractPlugin', () => {
 
     // This should not contain any styles from the unused relative import ./common/css-prop, which includes
     // {color:coral} or {border:2px solid coral}
-    expect(actual[assetName]).toMatchInlineSnapshot(`
+    expect(actual).toMatchInlineSnapshot(`
       "
       ._syaz5scu{color:red}
       ._syazmu8g{color:blueviolet}
@@ -55,7 +69,7 @@ describe('CompiledExtractPlugin', () => {
   it('extracts styles imported through a webpack alias', async () => {
     const assets = await bundle(join(fixturesPath, 'webpack-alias.tsx'));
 
-    expect(assets[assetName]).toMatchInlineSnapshot(`
+    expect(assets).toMatchInlineSnapshot(`
       "._syaz13q2{color:blue}
       "
     `);
@@ -71,21 +85,24 @@ describe('CompiledExtractPlugin', () => {
       },
     });
 
-    expect(assets[assetName]).toMatchInlineSnapshot(`
+    expect(assets).toMatchInlineSnapshot(`
       "._syaz1if8{color:indigo}
       "
     `);
   }, 10000);
 
   it('extracts styles from an async chunk', async () => {
-    const actual = await bundle(join(fixturesPath, 'async-styles.ts'));
+    const assets = await bundleEntry(join(fixturesPath, 'async-styles.ts'), {
+      extract: true,
+      mode: 'production',
+    });
 
     // Only generate one CSS bundle
-    const cssFiles = Object.keys(actual).filter((key) => key.endsWith('.css'));
+    const cssFiles = Object.keys(assets).filter((key) => key.endsWith('.css'));
     expect(cssFiles).toHaveLength(1);
 
     // Extract the styles into said bundle
-    expect(actual[assetName]).toMatchInlineSnapshot(`
+    expect(assets[cssFiles[0]]).toMatchInlineSnapshot(`
       "._19it1e35{border:2px solid coral}
       ._syaz1vyr{color:coral}
       "
@@ -95,7 +112,7 @@ describe('CompiledExtractPlugin', () => {
   it('extracts styles from a pre-built babel files', async () => {
     const actual = await bundle(join(fixturesPath, 'babel.tsx'));
 
-    expect(actual[assetName]).toMatchInlineSnapshot(`
+    expect(actual).toMatchInlineSnapshot(`
       "._19pk1ul9{margin-top:30px}
       ._19bvftgi{padding-left:8px}
       ._n3tdftgi{padding-bottom:8px}
@@ -111,7 +128,7 @@ describe('CompiledExtractPlugin', () => {
   it('extracts important styles', async () => {
     const actual = await bundle(join(fixturesPath, 'important-styles.tsx'));
 
-    expect(actual[assetName]).toMatchInlineSnapshot(`
+    expect(actual).toMatchInlineSnapshot(`
         "._syaz13q2{color:blue}
         ._1wybc038{font-size:12!important}
         "
@@ -121,7 +138,7 @@ describe('CompiledExtractPlugin', () => {
   it('should find bindings', async () => {
     const actual = await bundle(join(fixturesPath, 'binding-not-found.tsx'));
 
-    expect(actual[assetName]).toMatchInlineSnapshot(`
+    expect(actual).toMatchInlineSnapshot(`
       "._syaz1r31{color:currentColor}
       ._ajmmnqa1{-webkit-text-decoration-style:solid;text-decoration-style:solid}
       ._1hmsglyw{-webkit-text-decoration-line:none;text-decoration-line:none}

package/src/__tests__/test-utils.ts

@@ -10,13 +10,20 @@ import type { ResolveOptions } from '../index';
 export interface BundleOptions {
   extract?: boolean;
   disableExtractPlugin?: boolean;
+  disableCacheGroup?: boolean;
   mode: 'development' | 'production';
   resolve?: ResolveOptions;
 }
 
 export function bundle(
   entry: string,
-  { extract = false, disableExtractPlugin = false, mode, resolve = {} }: BundleOptions
+  {
+    extract = false,
+    disableExtractPlugin = false,
+    disableCacheGroup = false,
+    mode,
+    resolve = {},
+  }: BundleOptions
 ): Promise<Record<string, string>> {
   const outputPath = join(__dirname, 'dist');
   const compiler = webpack({
@@ -41,6 +48,7 @@ export function bundle(
               options: {
                 extract,
                 importReact: false,
+                optimizeCss: false,
                 resolve,
               },
             },
@@ -61,8 +69,10 @@ export function bundle(
       path: outputPath,
     },
     plugins: [
-      new MiniCssExtractPlugin({ filename: 'static/[name].css' }),
-      ...(disableExtractPlugin ? [] : [new CompiledExtractPlugin()]),
+      new MiniCssExtractPlugin({ filename: 'static/[name].[contenthash].css' }),
+      ...(disableExtractPlugin
+        ? []
+        : [new CompiledExtractPlugin(disableCacheGroup ? { cacheGroupExclude: true } : {})]),
     ],
     resolve: {
       alias: {

package/src/compiled-loader.ts

@@ -26,8 +26,11 @@ function getLoaderOptions(context: LoaderContext<CompiledLoaderOptions>) {
     nonce = undefined,
     resolve = {},
     extensions = undefined,
-    babelPlugins = [],
+    parserBabelPlugins = [],
+    transformerBabelPlugins = [],
     [pluginName]: isPluginEnabled = false,
+    ssr = false,
+    optimizeCss = true,
   }: CompiledLoaderOptions = typeof context.getOptions === 'undefined'
     ? // Webpack v4 flow
       getOptions(context)
@@ -53,12 +56,21 @@ function getLoaderOptions(context: LoaderContext<CompiledLoaderOptions>) {
           extensions: {
             type: 'array',
           },
-          babelPlugins: {
+          parserBabelPlugins: {
+            type: 'array',
+          },
+          transformerBabelPlugins: {
             type: 'array',
           },
           [pluginName]: {
             type: 'boolean',
           },
+          ssr: {
+            type: 'boolean',
+          },
+          optimizeCss: {
+            type: 'boolean',
+          },
         },
       });
 
@@ -69,8 +81,11 @@ function getLoaderOptions(context: LoaderContext<CompiledLoaderOptions>) {
     nonce,
     resolve,
     extensions,
-    babelPlugins,
+    parserBabelPlugins,
+    transformerBabelPlugins,
     [pluginName]: isPluginEnabled,
+    ssr,
+    optimizeCss,
   };
 }
 
@@ -103,6 +118,7 @@ export default async function compiledLoader(
       filename: this.resourcePath,
       caller: { name: 'compiled' },
       rootMode: 'upward-optional',
+      plugins: options.transformerBabelPlugins ?? undefined,
     });
 
     // Setup the default resolver, where webpack will merge any passed in options with the default
@@ -124,10 +140,12 @@ export default async function compiledLoader(
       sourceMaps: true,
       filename: this.resourcePath,
       plugins: [
+        ...(options.transformerBabelPlugins ?? []),
         options.extract && [
           '@compiled/babel-plugin-strip-runtime',
           {
             styleSheetPath: `@compiled/webpack-loader/css-loader!@compiled/webpack-loader/css-loader/${styleSheetName}.css`,
+            compiledRequireExclude: options.ssr,
           },
         ],
         options.bake && [

package/src/extract-plugin.ts

@@ -23,7 +23,7 @@ export const styleSheetName = 'compiled-css';
 const getCSSAssets = (assets: Compilation['assets']) => {
   return Object.keys(assets)
     .filter((assetName) => {
-      return assetName.endsWith(`${styleSheetName}.css`);
+      return assetName.includes(styleSheetName) && assetName.endsWith('.css');
     })
     .map((assetName) => ({ name: assetName, source: assets[assetName], info: {} }));
 };
@@ -35,7 +35,7 @@ const getCSSAssets = (assets: Compilation['assets']) => {
  *
  * @param compiler
  */
-const forceCSSIntoOneStyleSheet = (compiler: Compiler) => {
+const forceCSSIntoOneStyleSheet = (compiler: Compiler, options: CompiledExtractPluginOptions) => {
   const cacheGroup = {
     compiledCSS: {
       name: styleSheetName,
@@ -44,6 +44,7 @@ const forceCSSIntoOneStyleSheet = (compiler: Compiler) => {
       // We merge only CSS from Compiled.
       test: /css-loader\/compiled-css\.css$/,
       enforce: true,
+      priority: Infinity,
     },
   };
 
@@ -61,7 +62,10 @@ const forceCSSIntoOneStyleSheet = (compiler: Compiler) => {
     compiler.options.optimization.splitChunks.cacheGroups = {};
   }
 
-  Object.assign(compiler.options.optimization.splitChunks.cacheGroups, cacheGroup);
+  Object.assign(
+    compiler.options.optimization.splitChunks.cacheGroups,
+    options.cacheGroupExclude ? {} : cacheGroup
+  );
 };
 
 /**
@@ -110,7 +114,7 @@ export class CompiledExtractPlugin {
     const { RawSource } = getSources(compiler);
 
     pushNodeModulesExtractLoader(compiler, this.#options);
-    forceCSSIntoOneStyleSheet(compiler);
+    forceCSSIntoOneStyleSheet(compiler, this.#options);
 
     compiler.hooks.compilation.tap(pluginName, (compilation) => {
       setPluginConfiguredOption(compilation.options.module.rules, pluginName);

package/src/types.ts

@@ -1,3 +1,4 @@
+import type { PluginItem } from '@babel/core';
 import type { ParserPlugin } from '@babel/parser';
 import type { ResolveOptions, RuleSetCondition } from 'webpack';
 
@@ -24,6 +25,12 @@ export interface CompiledLoaderOptions {
    */
   importReact?: boolean;
 
+  /**
+   * Will run additional cssnano plugin to normalize CSS during build.
+   * Default to `true`.
+   */
+  optimizeCss?: boolean;
+
   /**
    * Enables CSP support,
    * read [Security](https://compiledcssinjs.com/docs/security) for more information.
@@ -41,14 +48,29 @@ export interface CompiledLoaderOptions {
   extensions?: string[];
 
   /**
-   * List of babel plugins to be applied to evaluated files
+   * List of transformer babel plugins to be applied to evaluated files
+   *
+   * See the [babel docs](https://babeljs.io/docs/en/plugins/#transform-plugins)
    */
-  babelPlugins?: ParserPlugin[];
+  transformerBabelPlugins?: PluginItem[];
+
+  /**
+   * List of parse babel plugins to be applied to evaluated files
+   *
+   * See the [babel docs](https://babeljs.io/docs/en/plugins/#syntax-plugins)
+   */
+  parserBabelPlugins?: ParserPlugin[];
 
   /**
    * Set to true if CompiledExtractPlugin has been set up correctly
    */
   [pluginName]?: boolean;
+
+  /**
+   * Build in a node environment.
+   * Defaults to `false`.
+   */
+  ssr?: boolean;
 }
 
 export interface CompiledExtractPluginOptions {
@@ -69,4 +91,10 @@ export interface CompiledExtractPluginOptions {
    * See: https://webpack.js.org/configuration/module/#condition
    */
   nodeModulesExclude?: RuleSetCondition;
+
+  /**
+   * When set will prevent additional cacheGroup chunk to be created.
+   * Eg. This may be required in SSR to prevent side-effects
+   */
+  cacheGroupExclude?: boolean;
 }