53 lines
2.1 KiB
TypeScript
53 lines
2.1 KiB
TypeScript
|
import { pathResolve } from "./utils";
|
|||
|
|
import type { BuildOptions } from "vite";
|
|||
|
|
|
|||
|
|
export const buildEnvironment = () => {
|
|||
|
|
const environment: BuildOptions = {
|
|||
|
|
target: "es2015",
|
|||
|
|
assetsInlineLimit: 20000,
|
|||
|
|
// 构建输出的目录，默认值为"dist"
|
|||
|
|
outDir: "dist",
|
|||
|
|
// 用于指定使用的代码压缩工具。在这里，minify 被设置为 'terser'，表示使用 Terser 进行代码压缩。默认值terser
|
|||
|
|
// esbuild 打包更快，但是不能去除 console.log，terser打包慢，但能去除 console.log
|
|||
|
|
minify: "terser",
|
|||
|
|
// 用于配置 Terser 的选项
|
|||
|
|
terserOptions: {
|
|||
|
|
// 用于配置压缩选项
|
|||
|
|
compress: {
|
|||
|
|
drop_console: true, // 是否删除代码中的 console 语句, 默认值false
|
|||
|
|
drop_debugger: true // 是否删除代码中的 debugger 语句, 默认值false
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
// 禁用 gzip 压缩大小报告，可略微减少打包时间
|
|||
|
|
reportCompressedSize: false,
|
|||
|
|
// 用于指定是否生成源映射文件。源映射文件可以帮助调试和定位源代码中的错误。当设置为false时，构建过程不会生成源映射文件
|
|||
|
|
sourcemap: false,
|
|||
|
|
// 用于配置 CommonJS 模块的选项
|
|||
|
|
commonjsOptions: {
|
|||
|
|
// 用于指定是否忽略 CommonJS 模块中的 try-catch 语句。当设置为false时，构建过程会保留 CommonJS 模块中的 try-catch 语句
|
|||
|
|
ignoreTryCatch: false
|
|||
|
|
},
|
|||
|
|
// 规定触发警告的 chunk 大小, 当某个代码分块的大小超过该限制时，Vite 会发出警告
|
|||
|
|
chunkSizeWarningLimit: 2000,
|
|||
|
|
rollupOptions: {
|
|||
|
|
input: {
|
|||
|
|
index: pathResolve("../index.html", import.meta.url)
|
|||
|
|
},
|
|||
|
|
// 静态资源分类打包
|
|||
|
|
output: {
|
|||
|
|
chunkFileNames: "static/js/[name]-[hash].js",
|
|||
|
|
entryFileNames: "static/js/[name]-[hash].js",
|
|||
|
|
assetFileNames: "static/[ext]/[name]-[hash].[ext]",
|
|||
|
|
manualChunks: id => {
|
|||
|
|
// 如果是包含在包中则打包成 vendor
|
|||
|
|
if (id.includes("node_modules")) {
|
|||
|
|
return "vendor";
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
return environment;
|
|||
|
|
};
|