babel-preset-wsc-pc

babel-preset-wsc-pc

这个插件集合，将几个 wsc-pc 常用的 babel 插件包进来，另加入了 react 业务组件样式的按需引入，在使用 react-components 时，不需要再单独引入样式文件了。

使用须知

这个插件仅在 wsc-pc-xxx node 的 v4 项目中使用。

特性

主要集成了以下插件：

• react 业务组件的样式按需引用
• zent 组件和样式的按需引用 (babel-plugin-zent)
• vant、captain-ui、@youzan/captain-showcase 等 vue 组件的按需引用 (babel-plugin-import)
• lodash 的按需引入 (babel-plugin-lodash)

使用

yarn add babel-preset-wsc-pc --save

配置示例:

// In your .babelrc
{
	"preset": [
		"babel-preset-wsc-pc",
        {
            "components": ["@youzan/list-modal"], // 需要按需引入样式的组件列表，不写就为默认所有业务组件
            "automaticStyleImport": true // 同 babel-plugin-zent 的配置
        }
	]
}