webpack-plugin-import

0.3.0 • Public • Published

webpack-plugin-import

自动引入组件 style.js

Why

为了避免开发过程中开发者需要手动引入组件样式,通过工程的方式自动引入。如果只是使用基础组件,那么直接用 babel-plugin-import 配置固定包名即可实现,但是如果有业务组件(不可枚举的 npm),则需要通过该插件解决。

Feature

  • 如果依赖 npm 的 package.json 里有 componentConfig 字段(ice-devtools 生成),则默认引入 style.js
  • 根据参数对于指定的包名引入 style.js

Use

const WebpackConfig = require('webpack-chain');
const WebpackPluginImport = require('webpack-plugin-import');

const config = new WebpackConfig();
config.plugin('import').use(WebpackPluginImport, [
  // 如果不能保证 npm 里有 componentConfig 字段,则通过白名单方式指定
  {
    libraryName: /^@icedesign\/base\/lib\/([^/]+)/,
    stylePath: 'style.js',
  },
  {
    libraryName: /@icedesign\/.*/,
    stylePath: 'style.js',
  },
  {
    libraryName: /^@alifd\/next\/lib\/([^/]+)/,
    stylePath: 'style.js',
  },
  {
    libraryName: /@alifd\/.*/,
    stylePath: 'style.js',
  },
]);

Readme

Keywords

none

Package Sidebar

Install

npm i webpack-plugin-import

Weekly Downloads

421

Version

0.3.0

License

MIT

Unpacked Size

7.1 kB

Total Files

6

Last publish

Collaborators

  • zeroling
  • yuanyan
  • noyobo
  • yujiangshui
  • clarkxia
  • chenjun1011
  • chenbin93
  • rax-publisher