-
Notifications
You must be signed in to change notification settings - Fork 0
/
babelConfig.ts
120 lines (109 loc) · 3.17 KB
/
babelConfig.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
import { cosmiconfigSync } from 'cosmiconfig'
import fs from 'fs'
import path from 'path'
import { Compiler } from 'webpack'
import { BabelConfiguration, ScriptWebpackPluginOptions, SmartCosmiconfigResult } from './types'
/**
* 生成babel配置
*/
export default (options: ScriptWebpackPluginOptions, compiler: Compiler) => {
const babelConfig: BabelConfiguration = {
/**
* 转换器
*/
presets: [
/**
* 转换需要的浏览器环境代码
*/
['@babel/preset-env', { modules: false, useBuiltIns: 'usage', corejs: 3 }]
],
/**
* 插件
*/
plugins: [
/**
* var.prd ?? 'test'
*/
'@babel/plugin-proposal-nullish-coalescing-operator',
/**
* 装饰器 @connet()
*/
['@babel/plugin-proposal-decorators', { legacy: true }],
/**
* class 类
*/
['@babel/plugin-proposal-class-properties', { loose: true }],
/**
* export v from 'mod'
*/
'@babel/plugin-proposal-export-default-from',
/**
* export * as ns from 'mod'
*/
'@babel/plugin-proposal-export-namespace-from',
/**
* 去除重复的 polyfill 导入
*/
['@babel/plugin-transform-runtime', { corejs: 3 }]
]
}
/**
* 用户的babel配置
*/
const userBabelConfig: SmartCosmiconfigResult<BabelConfiguration> = cosmiconfigSync(
'babel'
).search()
/**
* 是否使用typescript语言
*/
const isTypescript: boolean = fs.existsSync(path.resolve(compiler.context, 'tsconfig.json'))
const returnKey = (data: string | Array<string | { [key: string]: any }>): string => {
if (typeof data === 'string') {
return data
}
if (Array.isArray(data) && data.length > 0) {
const name = data[0]
if (typeof name === 'string') {
return name
}
}
return ''
}
if (userBabelConfig) {
const { presets, plugins }: BabelConfiguration = userBabelConfig.config
if (presets && Array.isArray(presets)) {
babelConfig.presets.forEach((item, index) => {
const key = returnKey(item)
presets.forEach((userPareset, userIndex) => {
const useKey = returnKey(userPareset)
if (useKey !== '' && key === useKey) {
babelConfig.presets[index] = userPareset
delete presets[userIndex]
}
})
})
babelConfig.presets = [...babelConfig.presets, ...presets.filter(item => !!item)]
}
if (plugins && Array.isArray(plugins)) {
babelConfig.plugins.forEach((item, index) => {
const key = returnKey(item)
plugins.forEach((userPlugin, userIndex) => {
const useKey = returnKey(userPlugin)
if (useKey !== '' && key === useKey) {
babelConfig.plugins[index] = userPlugin
delete plugins[userIndex]
}
})
})
babelConfig.plugins = [...plugins.filter(item => !!item), ...babelConfig.plugins]
}
}
/**
* 转换ts、tsx语法
*/
if (isTypescript) {
babelConfig.presets.push('@babel/preset-typescript')
compiler.options.resolve.extensions = [...compiler.options.resolve.extensions, '.ts']
}
return babelConfig
}