318 lines
9.2 KiB
TypeScript
318 lines
9.2 KiB
TypeScript
|
import { basename, extname, join } from 'path';
|
|||
|
|
import { terser } from 'rollup-plugin-terser';
|
|||
|
|
import babel from 'rollup-plugin-babel';
|
|||
|
|
import replace from 'rollup-plugin-replace';
|
|||
|
|
import json from 'rollup-plugin-json';
|
|||
|
|
import nodeResolve from 'rollup-plugin-node-resolve';
|
|||
|
|
import typescript2 from 'rollup-plugin-typescript2';
|
|||
|
|
import commonjs from 'rollup-plugin-commonjs';
|
|||
|
|
import postcss from 'rollup-plugin-postcss-umi';
|
|||
|
|
import inject from 'rollup-plugin-inject';
|
|||
|
|
import { ModuleFormat, RollupOptions } from 'rollup';
|
|||
|
|
import { camelCase } from 'lodash';
|
|||
|
|
import tempDir from 'temp-dir';
|
|||
|
|
import autoprefixer from 'autoprefixer';
|
|||
|
|
import NpmImport from 'less-plugin-npm-import';
|
|||
|
|
import svgr from '@svgr/rollup';
|
|||
|
|
import url from 'rollup-plugin-url';
|
|||
|
|
import getBabelConfig from './getBabelConfig';
|
|||
|
|
import { IBundleOptions } from './types';
|
|||
|
|
|
|||
|
|
interface IGetRollupConfigOpts {
|
|||
|
|
cwd: string;
|
|||
|
|
entry: string;
|
|||
|
|
type: ModuleFormat;
|
|||
|
|
importLibToEs?: boolean;
|
|||
|
|
bundleOpts: IBundleOptions;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
interface IPkg {
|
|||
|
|
dependencies?: Object;
|
|||
|
|
peerDependencies?: Object;
|
|||
|
|
name?: string;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
export default function(opts: IGetRollupConfigOpts): RollupOptions[] {
|
|||
|
|
const { type, entry, cwd, importLibToEs, bundleOpts } = opts;
|
|||
|
|
const {
|
|||
|
|
umd,
|
|||
|
|
esm,
|
|||
|
|
cjs,
|
|||
|
|
file,
|
|||
|
|
target = 'browser',
|
|||
|
|
extractCSS = false,
|
|||
|
|
injectCSS = true,
|
|||
|
|
cssModules: modules,
|
|||
|
|
extraPostCSSPlugins = [],
|
|||
|
|
extraBabelPresets = [],
|
|||
|
|
extraBabelPlugins = [],
|
|||
|
|
extraRollupPlugins = [],
|
|||
|
|
autoprefixer: autoprefixerOpts,
|
|||
|
|
include = /node_modules/,
|
|||
|
|
namedExports,
|
|||
|
|
runtimeHelpers: runtimeHelpersOpts,
|
|||
|
|
replace: replaceOpts,
|
|||
|
|
inject: injectOpts,
|
|||
|
|
extraExternals = [],
|
|||
|
|
externalsExclude = [],
|
|||
|
|
nodeVersion,
|
|||
|
|
typescriptOpts,
|
|||
|
|
nodeResolveOpts = {},
|
|||
|
|
disableTypeCheck,
|
|||
|
|
lessInRollupMode = {},
|
|||
|
|
sassInRollupMode = {},
|
|||
|
|
} = bundleOpts;
|
|||
|
|
const entryExt = extname(entry);
|
|||
|
|
const name = file || basename(entry, entryExt);
|
|||
|
|
const isTypeScript = entryExt === '.ts' || entryExt === '.tsx';
|
|||
|
|
const extensions = ['.js', '.jsx', '.ts', '.tsx', '.es6', '.es', '.mjs'];
|
|||
|
|
|
|||
|
|
let pkg = {} as IPkg;
|
|||
|
|
try {
|
|||
|
|
pkg = require(join(cwd, 'package.json')); // eslint-disable-line
|
|||
|
|
} catch (e) {}
|
|||
|
|
|
|||
|
|
// cjs 不给浏览器用，所以无需 runtimeHelpers
|
|||
|
|
const runtimeHelpers = type === 'cjs' ? false : runtimeHelpersOpts;
|
|||
|
|
const babelOpts = {
|
|||
|
|
...(getBabelConfig({
|
|||
|
|
type,
|
|||
|
|
target: type === 'esm' ? 'browser' : target,
|
|||
|
|
// watch 模式下有几率走的 babel？原因未知。
|
|||
|
|
// ref: https://github.com/umijs/father/issues/158
|
|||
|
|
typescript: true,
|
|||
|
|
runtimeHelpers,
|
|||
|
|
nodeVersion,
|
|||
|
|
}).opts),
|
|||
|
|
runtimeHelpers,
|
|||
|
|
exclude: /\/node_modules\//,
|
|||
|
|
babelrc: false,
|
|||
|
|
// ref: https://github.com/rollup/rollup-plugin-babel#usage
|
|||
|
|
extensions,
|
|||
|
|
};
|
|||
|
|
if (importLibToEs && type === 'esm') {
|
|||
|
|
babelOpts.plugins.push(require.resolve('../lib/importLibToEs'));
|
|||
|
|
}
|
|||
|
|
babelOpts.presets.push(...extraBabelPresets);
|
|||
|
|
babelOpts.plugins.push(...extraBabelPlugins);
|
|||
|
|
|
|||
|
|
// rollup configs
|
|||
|
|
const input = join(cwd, entry);
|
|||
|
|
const format = type;
|
|||
|
|
|
|||
|
|
// ref: https://rollupjs.org/guide/en#external
|
|||
|
|
// 潜在问题：引用包的子文件时会报 warning，比如 @babel/runtime/helpers/esm/createClass
|
|||
|
|
// 解决方案：可以用 function 处理
|
|||
|
|
const external = [
|
|||
|
|
...Object.keys(pkg.dependencies || {}),
|
|||
|
|
...Object.keys(pkg.peerDependencies || {}),
|
|||
|
|
...extraExternals,
|
|||
|
|
];
|
|||
|
|
// umd 只要 external peerDependencies
|
|||
|
|
const externalPeerDeps = [
|
|||
|
|
...Object.keys(pkg.peerDependencies || {}),
|
|||
|
|
...extraExternals,
|
|||
|
|
];
|
|||
|
|
|
|||
|
|
function getPkgNameByid(id) {
|
|||
|
|
const splitted = id.split('/');
|
|||
|
|
// @ 和 @tmp 是为了兼容 umi 的逻辑
|
|||
|
|
if (id.charAt(0) === '@' && splitted[0] !== '@' && splitted[0] !== '@tmp') {
|
|||
|
|
return splitted
|
|||
|
|
.slice(0, 2)
|
|||
|
|
.join('/');
|
|||
|
|
} else {
|
|||
|
|
return id.split('/')[0];
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function testExternal(pkgs, excludes, id) {
|
|||
|
|
if (excludes.includes(id)) {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
return pkgs.includes(getPkgNameByid(id));
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const terserOpts = {
|
|||
|
|
compress: {
|
|||
|
|
pure_getters: true,
|
|||
|
|
unsafe: true,
|
|||
|
|
unsafe_comps: true,
|
|||
|
|
warnings: false,
|
|||
|
|
},
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function getPlugins(opts = {} as { minCSS: boolean; }) {
|
|||
|
|
const { minCSS } = opts;
|
|||
|
|
return [
|
|||
|
|
url(),
|
|||
|
|
svgr(),
|
|||
|
|
postcss({
|
|||
|
|
extract: extractCSS,
|
|||
|
|
inject: injectCSS,
|
|||
|
|
modules,
|
|||
|
|
minimize: !!minCSS,
|
|||
|
|
use: [
|
|||
|
|
[
|
|||
|
|
'less',
|
|||
|
|
{
|
|||
|
|
plugins: [new NpmImport({ prefix: '~' })],
|
|||
|
|
javascriptEnabled: true,
|
|||
|
|
...lessInRollupMode,
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
[
|
|||
|
|
'sass',
|
|||
|
|
{
|
|||
|
|
...sassInRollupMode,
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
],
|
|||
|
|
plugins: [autoprefixer(autoprefixerOpts), ...extraPostCSSPlugins],
|
|||
|
|
}),
|
|||
|
|
...(injectOpts ? [inject(injectOpts)] : []),
|
|||
|
|
...(replaceOpts && Object.keys(replaceOpts || {}).length ? [replace(replaceOpts)] : []),
|
|||
|
|
nodeResolve({
|
|||
|
|
mainFields: ['module', 'jsnext:main', 'main'],
|
|||
|
|
extensions,
|
|||
|
|
...nodeResolveOpts,
|
|||
|
|
}),
|
|||
|
|
...(isTypeScript
|
|||
|
|
? [
|
|||
|
|
typescript2({
|
|||
|
|
cwd,
|
|||
|
|
// @see https://github.com/ezolenko/rollup-plugin-typescript2/issues/105
|
|||
|
|
objectHashIgnoreUnknownHack: true,
|
|||
|
|
// @see https://github.com/umijs/father/issues/61#issuecomment-544822774
|
|||
|
|
clean: true,
|
|||
|
|
cacheRoot: `${tempDir}/.rollup_plugin_typescript2_cache`,
|
|||
|
|
// TODO: 支持往上找 tsconfig.json
|
|||
|
|
// 比如 lerna 的场景不需要每个 package 有个 tsconfig.json
|
|||
|
|
tsconfig: join(cwd, 'tsconfig.json'),
|
|||
|
|
tsconfigDefaults: {
|
|||
|
|
compilerOptions: {
|
|||
|
|
// Generate declaration files by default
|
|||
|
|
declaration: true,
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
tsconfigOverride: {
|
|||
|
|
compilerOptions: {
|
|||
|
|
// Support dynamic import
|
|||
|
|
target: 'esnext',
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
check: !disableTypeCheck,
|
|||
|
|
...(typescriptOpts || {}),
|
|||
|
|
}),
|
|||
|
|
]
|
|||
|
|
: []),
|
|||
|
|
babel(babelOpts),
|
|||
|
|
json(),
|
|||
|
|
...(extraRollupPlugins || []),
|
|||
|
|
];
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
switch (type) {
|
|||
|
|
case 'esm':
|
|||
|
|
return [
|
|||
|
|
{
|
|||
|
|
input,
|
|||
|
|
output: {
|
|||
|
|
format,
|
|||
|
|
file: join(cwd, `dist/${(esm && (esm as any).file) || `${name}.esm`}.js`),
|
|||
|
|
},
|
|||
|
|
plugins: [...getPlugins(), ...(esm && (esm as any).minify ? [terser(terserOpts)] : [])],
|
|||
|
|
external: testExternal.bind(null, external, externalsExclude),
|
|||
|
|
},
|
|||
|
|
...(esm && (esm as any).mjs
|
|||
|
|
? [
|
|||
|
|
{
|
|||
|
|
input,
|
|||
|
|
output: {
|
|||
|
|
format,
|
|||
|
|
file: join(cwd, `dist/${(esm && (esm as any).file) || `${name}`}.mjs`),
|
|||
|
|
},
|
|||
|
|
plugins: [
|
|||
|
|
...getPlugins(),
|
|||
|
|
replace({
|
|||
|
|
'process.env.NODE_ENV': JSON.stringify('production'),
|
|||
|
|
}),
|
|||
|
|
terser(terserOpts),
|
|||
|
|
],
|
|||
|
|
external: testExternal.bind(null, externalPeerDeps, externalsExclude),
|
|||
|
|
},
|
|||
|
|
]
|
|||
|
|
: []),
|
|||
|
|
];
|
|||
|
|
|
|||
|
|
case 'cjs':
|
|||
|
|
return [
|
|||
|
|
{
|
|||
|
|
input,
|
|||
|
|
output: {
|
|||
|
|
format,
|
|||
|
|
file: join(cwd, `dist/${(cjs && (cjs as any).file) || name}.js`),
|
|||
|
|
},
|
|||
|
|
plugins: [...getPlugins(), ...(cjs && (cjs as any).minify ? [terser(terserOpts)] : [])],
|
|||
|
|
external: testExternal.bind(null, external, externalsExclude),
|
|||
|
|
},
|
|||
|
|
];
|
|||
|
|
|
|||
|
|
case 'umd':
|
|||
|
|
// Add umd related plugins
|
|||
|
|
const extraUmdPlugins = [
|
|||
|
|
commonjs({
|
|||
|
|
include,
|
|||
|
|
namedExports,
|
|||
|
|
}),
|
|||
|
|
];
|
|||
|
|
|
|||
|
|
return [
|
|||
|
|
{
|
|||
|
|
input,
|
|||
|
|
output: {
|
|||
|
|
format,
|
|||
|
|
sourcemap: umd && umd.sourcemap,
|
|||
|
|
file: join(cwd, `dist/${(umd && umd.file) || `${name}.umd`}.js`),
|
|||
|
|
globals: umd && umd.globals,
|
|||
|
|
name: (umd && umd.name) || (pkg.name && camelCase(basename(pkg.name))),
|
|||
|
|
},
|
|||
|
|
plugins: [
|
|||
|
|
...getPlugins(),
|
|||
|
|
...extraUmdPlugins,
|
|||
|
|
replace({
|
|||
|
|
'process.env.NODE_ENV': JSON.stringify('development'),
|
|||
|
|
}),
|
|||
|
|
],
|
|||
|
|
external: testExternal.bind(null, externalPeerDeps, externalsExclude),
|
|||
|
|
},
|
|||
|
|
...(umd && umd.minFile === false
|
|||
|
|
? []
|
|||
|
|
: [
|
|||
|
|
{
|
|||
|
|
input,
|
|||
|
|
output: {
|
|||
|
|
format,
|
|||
|
|
sourcemap: umd && umd.sourcemap,
|
|||
|
|
file: join(cwd, `dist/${(umd && umd.file) || `${name}.umd`}.min.js`),
|
|||
|
|
globals: umd && umd.globals,
|
|||
|
|
name: (umd && umd.name) || (pkg.name && camelCase(basename(pkg.name))),
|
|||
|
|
},
|
|||
|
|
plugins: [
|
|||
|
|
...getPlugins({ minCSS: true }),
|
|||
|
|
...extraUmdPlugins,
|
|||
|
|
replace({
|
|||
|
|
'process.env.NODE_ENV': JSON.stringify('production'),
|
|||
|
|
}),
|
|||
|
|
terser(terserOpts),
|
|||
|
|
],
|
|||
|
|
external: testExternal.bind(null, externalPeerDeps, externalsExclude),
|
|||
|
|
},
|
|||
|
|
]),
|
|||
|
|
];
|
|||
|
|
|
|||
|
|
default:
|
|||
|
|
throw new Error(`Unsupported type ${type}`);
|
|||
|
|
}
|
|||
|
|
}
|