d3e940208e
* Build experimental package CSS with webpack. * Move style-only webpack config to reusable private package. * Update other packages to use webpack for style builds. * Add tsbuildinfo to clean scripts. * Fix main start script. * Remove defunct package build scripts. * Move client/ dependencies for style builds. * DRY. * Remove defunct IE stylesheet definitions. * Add missing RTL setup for onboarding styles. * No need to export a function. * Add changelog. * Fix README. * Revert concurrently script path change. |
||
|---|---|---|
| .. | ||
| abstracts | ||
| .npmrc | ||
| README.md | ||
| index.js | ||
| package.json | ||
README.md
Style Build Helper
This is a partial Webpack config for building WooCommece component styles using base styles from Gutenberg. It is used to replace the bin/packages/build.js script.
Usage
Create a webpack.config.js in your package root that defines the entry and output, making use of the rules and plugins from @woocommerce/style-build.
Note: The entry should be named 'build-style' so the CSS will get picked up by the main client/ application's CopyWebpackPlugin config.
// packages/<package-name>/webpack.config.js
import { webpackConfig } from '@woocommerce/style-build';
module.exports = {
mode: process.env.NODE_ENV || 'development',
entry: {
'build-style': __dirname + '/src/style.scss',
},
output: {
path: __dirname,
},
module: {
rules: webpackConfig.rules,
},
plugins: webpackConfig.plugins,
};