HUI-VUE-Pro

# 🛠️ 工具类

版本：1.14.0

开发：@hui-pro/all

# 按需引入工具类

通常情况，为了书写方便我们常常使用解构写法引入：

import { addClass } from '@hui-pro/utils';

这样写会带来一个问题：所有 @hui-pro/utils 下面内容，build 后将全部打包到里面。

# 方案一（推荐）

使用 babel-plugin-import

$ npm i babel-plugin-import -D
# 或者
$ yarn add babel-plugin-import --dev

babel.config.js 配置如下:

module.exports = {
  plugins: [
    [
      'import',
      {
        libraryName: '@hui-pro/utils',
        libraryDirectory: 'es' // default: lib
      }
    ]
  ]
};

# 方案二

手动引入：

// esm
import addClass from '@hui-pro/utils/es/add-class';

// commonjs
import addClass from '@hui-pro/utils/lib/add-class';

提示

@hui-pro 文件采用 - 中划线命名方式，手动引入路径需改成中划线。

正则表达式 →