@dangojs/babel-preset-digitforce

数势前端的 babel 预设

安装

npm install --save-dev @dangojs/babel-preset-digitforce

使用

babel 的配置文件

module.exports = {
  presets: [require.resolve('@dangojs/babel-preset-digitforce')],
};

功能

组件的按需加载和样式加载

import { AOperateGroup, AOperateButton, AQueryHeader, useQueryHeader } from '@dangojs/a-pro-components';

插件会将上面代码转换成 👇🏻

import { AOperateGroup } from '@dangojs/a-operate-group';
import '@dangojs/a-operate-group/dist/css/index.less';
import { AOperateButton } from '@dangojs/a-operate-group';
import { AQueryHeader } from '@dangojs/a-query-header';
import '@dangojs/a-query-header/dist/css/index.less';
import { useQueryHeader } from '@dangojs/a-query-header';  

🍓 也支持这样使用组件

import { AOperateGroup, AOperateButton } from '@dangojs/a-operate-group';

插件会将上面代码转换成👇🏻

import { AOperateGroup, AOperateButton } from '@dangojs/a-operate-group';
import '@dangojs/a-operate-group/dist/css/index.less';

支持 loadsh 按需加载

import _ from 'lodash'
import { add } from 'lodash/fp'

const addOne = add(1)
_.map([1, 2, 3], addOne)

转换

import _add from 'lodash/fp/add'
import _map from 'lodash/map'

const addOne = _add(1)
_map([1, 2, 3], addOne)

依赖

使用的预设

• @vue/cli-plugin-babel
• babel-preset-vite

使用的插件

• @vue/babel-plugin-jsx
• babel-plugin-lodash
• babel-plugin-import
• babel-plugin-import-components-style