@intouchg/webpack-theme-plugin

Webpack plugin to run the Intouch Design System theme processor @intouchg/theme

Usage no npm install needed!

<script type="module">
  import intouchgWebpackThemePlugin from 'https://cdn.skypack.dev/@intouchg/webpack-theme-plugin';
</script>

README

@intouchg/webpack-theme-plugin

Webpack plugin to run the Intouch Design System theme processor @intouchg/theme

Getting Started

Initialize and pass the plugin to Webpack. The plugin will read the .idsconfig.json file in the project root.

// webpack.config.js
const IntouchThemePlugin = require('@intouchg/webpack-theme-plugin')

// ...
webpackPlugins.push(new IntouchThemePlugin())

// .idsconfig.json
{
    "values": "theme/values.json",
    "groups": "theme/groups.json",
    "components": "theme/components.json",
    "variants": "theme/variants.json",
    "output": "theme/theme.js"
}