woocommerce/packages/js/internal-style-build/zh-cn

样式构建助手

这是一个部分 Webpack 配置，用于使用古腾堡的基础样式构建 WooCommerce 组件样式。它用于替换 bin/packages/build.js 脚本。

用法

在你的包根目录中创建一个 webpack.config.js 文件，定义 entry 和 output，并使用来自 @woocommerce/internal-style-build 的 rules 和 plugins。

注意： entry 应命名为 'build-style'，以便 CSS 能被主 client/ 应用程序的 CopyWebpackPlugin 配置识别。

// packages/<package-name>/webpack.config.js

import { webpackConfig } from '@woocommerce/internal-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,
};