代码拉取完成,页面将自动刷新
// 生成打包配置
import { terser } from "rollup-plugin-terser";
import visualizer from "rollup-plugin-visualizer";
import serve from "rollup-plugin-serve";
import livereload from "rollup-plugin-livereload";
import delFile from "rollup-plugin-delete";
// 处理output对象中的format字段(传入的参数会与rollup所定义的参数不符,因此需要在这里进行转换)
const buildFormat = formatVal => {
let finalFormatVal = formatVal;
switch (formatVal) {
case "esm":
finalFormatVal = "es";
break;
case "common":
finalFormatVal = "cjs";
break;
default:
break;
}
return finalFormatVal;
};
/**
* 根据外部条件判断是否需要给对象添加属性
* @param obj 对象名
* @param condition 条件
* @param propName 属性名
* @param propValue 属性值
*/
const addProperty = (obj, condition, propName, propValue) => {
// 条件成立则添加
if (condition) {
obj[propName] = propValue;
}
};
const buildConfig = (packagingFormat = [], compressedState = "false") => {
const outputConfig = [];
for (let i = 0; i < packagingFormat.length; i++) {
const pkgFormat = packagingFormat[i];
// 根据packagingFormat字段来构建对应格式的包
const config = {
file: `dist/screenShotPlugin.${pkgFormat}.js`,
format: buildFormat(pkgFormat),
name: "screenShotPlugin"
};
// 是否需要对代码进行压缩
addProperty(config, compressedState === "true", "plugins", [
terser({
output: {
comments: false // 删除注释
}
})
]);
addProperty(config, pkgFormat === "common", "exports", "named");
outputConfig.push(config);
}
return outputConfig;
};
const buildCopyTargetsConfig = (useDevServer = "false") => {
const result = [
{
src: "src/assets/fonts/**",
dest: "dist/assets/fonts"
}
];
if (useDevServer === "true") {
result.push({
src: "public/**",
dest: "dist"
});
}
return result;
};
// 生成打包后的模块占用信息
const enablePKGStats = (status = "false") => {
if (status === "true") {
return visualizer({
filename: "dist/bundle-stats.html"
});
}
return null;
};
const enableDevServer = status => {
// 默认清空dist目录下的文件
let serverConfig = [delFile({ targets: "dist/*" })];
if (status === "true") {
// dev模式下不需要对dist目录进行清空
serverConfig = [
serve({
// 服务器启动的文件夹,访问此路径下的index.html文件
contentBase: "dist",
port: 8123
}),
// watch dist目录,当目录中的文件发生变化时,刷新页面
livereload("dist")
];
}
return serverConfig;
};
const buildTSConfig = (useDevServer = "false") => {
return {
tsconfig: "tsconfig.json",
tsconfigOverride: {
compilerOptions: {
// dev模式下不生成.d.ts文件
declaration: useDevServer !== "true",
// 指定目标环境为es5
target: "es5"
},
// 打包时排除tests目录
exclude: ["tests"]
},
clean: true
};
};
export {
buildConfig,
buildCopyTargetsConfig,
enablePKGStats,
enableDevServer,
buildTSConfig
};
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。