Skip to content

Commit

Permalink
feat: extend conditionNames
Browse files Browse the repository at this point in the history
This allows consumers to set their own considitionNames and have sass pick this up.

Examples:

Supporting a single entrypoint but targeting multiple themes
```scss
@use 'my-design-tokens';

.class {
  color: my-design-tokens.$color-1
}
```

package.json
```json
{
  "name": "my-design-tokens",
  "exports": {
      ".": {
        "sass": {
          "theme1": "./path-to-theme1.scss",
          "theme2": "./path-to-theme2.scss"
          }
      }
   }
}
```
Webpack config
```
module.exports = {
  resolve: {
    conditionNames: [someFlag ? "theme1" : "theme2", "..."]
  }
}
```
  • Loading branch information
GeorgeTaveras1231 committed Oct 5, 2022
1 parent 3a34fef commit eaef60d
Showing 1 changed file with 2 additions and 2 deletions.
4 changes: 2 additions & 2 deletions src/utils.js
Expand Up @@ -530,7 +530,7 @@ function getWebpackResolver(
const webpackModuleResolve = promiseResolve(
resolverFactory({
dependencyType: "sass",
conditionNames: ["sass", "style"],
conditionNames: ["sass", "style", "..."],
mainFields: ["sass", "style", "main", "..."],
mainFiles: ["_index", "index", "..."],
extensions: [".sass", ".scss", ".css"],
Expand All @@ -541,7 +541,7 @@ function getWebpackResolver(
const webpackImportResolve = promiseResolve(
resolverFactory({
dependencyType: "sass",
conditionNames: ["sass", "style"],
conditionNames: ["sass", "style", "..."],
mainFields: ["sass", "style", "main", "..."],
mainFiles: ["_index.import", "_index", "index.import", "index", "..."],
extensions: [".sass", ".scss", ".css"],
Expand Down

0 comments on commit eaef60d

Please sign in to comment.