amis/packages/amis-ui/rollup.config.js

257 lines
6.2 KiB
JavaScript
Raw Normal View History

2022-06-01 15:06:00 +08:00
// rollup.config.js
import commonjs from '@rollup/plugin-commonjs';
import json from '@rollup/plugin-json';
import resolve from '@rollup/plugin-node-resolve';
import typescript from '@rollup/plugin-typescript';
import license from 'rollup-plugin-license';
import autoExternal from 'rollup-plugin-auto-external';
2022-06-01 21:35:49 +08:00
import sass from 'sass';
import postcss from 'rollup-plugin-postcss';
import postcssImport from 'postcss-import';
import autoprefixer from 'autoprefixer';
2022-06-01 15:06:00 +08:00
import {
name,
version,
author,
main,
module,
dependencies
} from './package.json';
import path from 'path';
import svgr from '@svgr/rollup';
const settings = {
globals: {}
};
const external = id =>
new RegExp(
`^(?:${Object.keys(dependencies)
2022-06-07 18:11:09 +08:00
.concat([
'linkify-it',
'react-is',
2022-06-07 18:11:09 +08:00
'markdown-it',
'markdown-it-html5-media',
'mdurl',
2022-06-07 19:33:22 +08:00
'uc.micro',
'entities'
2022-06-07 18:11:09 +08:00
])
2022-06-01 15:06:00 +08:00
.map(value =>
value.replace(/[|\\{}()[\]^$+*?.]/g, '\\$&').replace(/-/g, '\\x2d')
)
.join('|')})`
).test(id);
const input = [
'./src/index.tsx',
'./src/components/ColorPicker.tsx', // 默认不加载的需要手动维护列表,否则不会编译
'./src/components/BarCode.tsx',
'./src/components/Markdown.tsx',
'./src/components/Tinymce.tsx',
'./src/components/RichText.tsx',
'./src/components/CityDB.ts'
];
/** 获取子包编译后的入口路径,需要使用相对路径 */
const getCompiledEntryPath = (repo, format) =>
path.join(
'..',
repo,
repo === 'amis-formula' || format === 'cjs' ? 'lib' : 'esm',
'index.js'
);
2022-06-01 15:06:00 +08:00
export default [
{
2022-06-01 21:35:49 +08:00
input: input.concat([
'./scss/themes/antd.scss',
'./scss/themes/ang.scss',
'./scss/themes/cxd.scss',
'./scss/themes/dark.scss',
'./scss/themes/default.scss',
'./scss/helper.scss'
]),
2022-06-01 15:06:00 +08:00
output: [
{
...settings,
dir: path.dirname(main),
format: 'cjs',
exports: 'named',
preserveModulesRoot: './src',
preserveModules: true // Keep directory structure and files
}
],
external,
plugins: getPlugins('cjs')
2022-06-01 21:35:49 +08:00
.concat(
['antd', 'ang', 'cxd', 'dark', 'default'].map(theme =>
postcss({
include: `**/${theme}.scss`,
// process: processSass,
extract: path.resolve(`lib/themes/${theme}.css`),
plugins: [postcssImport(), autoprefixer()]
})
)
)
.concat(
postcss({
include: `**/helper.scss`,
// process: processSass,
extract: path.resolve(`lib/helper.css`),
plugins: [postcssImport(), autoprefixer()]
})
)
2022-06-07 11:40:09 +08:00
},
2022-06-01 15:06:00 +08:00
2022-06-07 11:40:09 +08:00
{
input,
2022-06-01 15:06:00 +08:00
2022-06-07 11:40:09 +08:00
output: [
{
...settings,
dir: path.dirname(module),
format: 'esm',
exports: 'named',
preserveModulesRoot: './src',
preserveModules: true // Keep directory structure and files
}
],
external,
plugins: getPlugins('esm')
}
2022-06-01 15:06:00 +08:00
];
function transpileDynamicImportForCJS(options) {
return {
name: 'transpile-dynamic-import-for-cjs',
renderDynamicImport({format, targetModuleId}) {
if (format !== 'cjs') {
return null;
}
return {
2022-06-06 11:12:38 +08:00
left: 'Promise.resolve().then(function() {return new Promise(function(fullfill) {require([',
2022-06-07 11:40:09 +08:00
right: '], function(mod) {fullfill(tslib.__importStar(mod))})})})'
2022-06-01 15:06:00 +08:00
};
2022-06-06 11:12:38 +08:00
// return {
// left: 'Promise.resolve().then(function() {return new Promise(function(fullfill) {require.ensure([',
// right:
// '], function(r) {fullfill(_interopDefaultLegacy(r("' +
// targetModuleId +
// '")))})})})'
// };
2022-06-01 15:06:00 +08:00
}
};
}
// 参考https://github.com/theKashey/jsx-compress-loader/blob/master/src/index.js
function transpileReactCreateElement() {
return {
name: 'transpile-react-create-element',
enforce: 'post',
transform: (code, id) => {
if (
/\.(?:tsx|jsx|svg)$/.test(id) &&
code.indexOf('React.createElement') !== -1
) {
const separator = '\n\n;';
const appendText =
`\n` +
`var __react_jsx__ = require('react');\n` +
`var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;\n` +
`var _J$F_ = (__react_jsx__["default"] || __react_jsx__).Fragment;\n`;
const newSource = code
.replace(/React\.createElement\(/g, '_J$X_(')
.replace(/React\.createElement\(/g, '_J$F_(');
code = [appendText, newSource].join(separator);
}
return {
code
};
}
};
}
2022-06-01 15:06:00 +08:00
function getPlugins(format = 'esm') {
const overridePaths = ['amis-formula', 'amis-core'].reduce(
(prev, current) => ({
...prev,
[current]: [getCompiledEntryPath(current, format)]
}),
{}
);
2022-06-01 15:06:00 +08:00
const typeScriptOptions = {
typescript: require('typescript'),
sourceMap: false,
outputToFilesystem: true,
...(format === 'esm'
? {
compilerOptions: {
rootDir: './src',
outDir: path.dirname(module),
/** 覆盖继承自顶层tsconfig的paths配置编译时应该去掉避免报错@rollup/plugin-typescript TS6305 */
paths: overridePaths
2022-06-01 15:06:00 +08:00
}
}
: {
compilerOptions: {
rootDir: './src',
outDir: path.dirname(main),
paths: overridePaths
2022-06-01 15:06:00 +08:00
}
})
};
return [
2022-06-13 14:38:39 +08:00
svgr({
svgProps: {
className: 'icon'
},
prettier: false,
dimensions: false
}),
2022-06-01 15:06:00 +08:00
transpileDynamicImportForCJS(),
autoExternal(),
json(),
resolve({
jsnext: true,
main: true
}),
typescript(typeScriptOptions),
commonjs({
sourceMap: false
}),
format === 'esm' ? null : transpileReactCreateElement(),
2022-06-01 15:06:00 +08:00
license({
banner: `
${name} v${version}
Copyright 2018<%= moment().format('YYYY') > 2018 ? '-' + moment().format('YYYY') : null %> ${author}
`
})
].filter(item => item);
2022-06-01 15:06:00 +08:00
}
2022-06-01 21:35:49 +08:00
function processSass(context, payload) {
return new Promise((resolve, reject) => {
sass.render(
{
file: context
},
function (err, result) {
if (!err) {
resolve(result);
} else {
reject(err);
}
}
);
});
}