夜猫子的知识栈 夜猫子的知识栈
首页
  • 前端文章

    • JavaScript
  • 学习笔记

    • 《JavaScript教程》
    • 《Web Api》
    • 《ES6教程》
    • 《Vue》
    • 《React》
    • 《TypeScript》
    • 《Git》
    • 《Uniapp》
    • 小程序笔记
    • 《Electron》
    • JS设计模式总结
  • 《前端架构》

    • 《微前端》
    • 《权限控制》
    • monorepo
  • 全栈项目

    • 任务管理日历
    • 无代码平台
    • 图书管理系统
  • HTML
  • CSS
  • Nodejs
  • Midway
  • Nest
  • MySql
  • 其他
  • 技术文档
  • GitHub技巧
  • 博客搭建
  • Ajax
  • Vite
  • Vitest
  • Nuxt
  • UI库文章
  • Docker
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

夜猫子

前端练习生
首页
  • 前端文章

    • JavaScript
  • 学习笔记

    • 《JavaScript教程》
    • 《Web Api》
    • 《ES6教程》
    • 《Vue》
    • 《React》
    • 《TypeScript》
    • 《Git》
    • 《Uniapp》
    • 小程序笔记
    • 《Electron》
    • JS设计模式总结
  • 《前端架构》

    • 《微前端》
    • 《权限控制》
    • monorepo
  • 全栈项目

    • 任务管理日历
    • 无代码平台
    • 图书管理系统
  • HTML
  • CSS
  • Nodejs
  • Midway
  • Nest
  • MySql
  • 其他
  • 技术文档
  • GitHub技巧
  • 博客搭建
  • Ajax
  • Vite
  • Vitest
  • Nuxt
  • UI库文章
  • Docker
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • 技术文档

  • GitHub技巧

  • 博客搭建

  • Ajax

  • Vite

    • 初识vite基础知识
    • vitest单元测试
    • vite+vue3自动引入插件配置
    • 路径别名
    • 去除代码中的config
    • 打包配置
    • vue3+ts+sass初始化
    • vite动态导入图片
    • 对动态绑定资源的引用
    • 跨域
  • Vitest

  • Nuxt

  • UI库文章

  • Docker

  • 技术
  • Vite
夜猫子
2022-10-08

打包配置

 export default defineConfig({
     ...
 	build: {
    	brotliSize: false /* 压缩大型输出文件可能会很慢,因此禁用该功能可能会提高大型项目的构建性能 */,
    	outDir: 'dist' /* 指定输出路径 */,
    	cssCodeSplit: false /* 整个项目中的所有 CSS 将被提取到一个 CSS 文件中 */,
    	chunkSizeWarningLimit: 1500 /* chunk 大小警告的限制(以 kbs 为单位) */,
    	sourcemap: false /* 构建后是否生成 source map 文件 */,
    	manifest: false /* 当设置为 true,构建后将会生成 manifest.json 文件,包含了没有被 hash 过的资源文件名和 hash 后版本的映射  */,
   		// assetsDir: 'static/img/' /* 指定生成静态资源的存放路径 */,
    	emptyOutDir: true /* 默认情况下,若 outDir 在 root 目录下,则 Vite 会在构建时清空该目录 */,
    	rollupOptions: {
     		output: {
        		chunkFileNames: 'static/js/[name].[hash].js',
        		entryFileNames: 'static/js/[name].[hash].js',
        		assetFileNames: 'static/assets/[name].[hash].[ext]',
        		// assetFileNames: 'static/[ext]/[name].[hash].[ext]',
      		},
    	},
    	minify: 'terser',
    	terserOptions: {
      		compress: {
        	// 生产环境移除 console
        	drop_console: true,
        	drop_debugger: true,
      		},
    	},
  	},
});
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
编辑 (opens new window)
上次更新: 2023/7/11 18:57:41
去除代码中的config
vue3+ts+sass初始化

← 去除代码中的config vue3+ts+sass初始化→

最近更新
01
IoC 解决了什么痛点问题?
03-10
02
如何调试 Nest 项目
03-10
03
Provider注入对象
03-10
更多文章>
Copyright © 2019-2025 Study | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式