配置也是默认的配置 build: { rollupOptions: { input: { index: resolve(__dirname, 'index.html') }, output: { manualChunks: { 'echarts': ['echarts'] } } } }, 期望的文件打包后的目录为这样 最终的配置改为 build: { rollupOptions: { input: { index: resolve(__dirname, 'index.html'...
build.outDir,打包后的资源输出输出目录。、 build.assetsDir,,相对于 build.outDir指定生成静态资源的存放路径。 build.assetsInlineLimit,小于此阈值的导入或引用资源将内联为 base64 编码,以避免额外的 http 请求。设置为 0 可以完全禁用此项。 build.cssCodeSplit,启用/禁用CSS代码拆分。当启用时,在异步 chunk ...
build 默认打包到正式环境(基础配置取.env.production 文件中内容) build:env 默认打包到测试环境(基础配置取.env.development 文件中内容) "scripts": {"dev":"vite --mode development","build":"vite build --mode production","start":"vite --mode production","build:env":"vite build --mode developm...
配置package.json,在新建对应的.env文件,运行不同的打包命令则打出不同接口的包,因为封装axios时用的就是import.meta.env.VITE_API_URL,动态获取.env的值 package.json 命令:npm run build .env.production package.json 命令:npm run build:jg .env.jg package.json 打包命令testjg:npm run build:testjg ....
npm run build 会加载 .env 和 .env.production 内的配置 mode 可以通过命令行 --mode 选项来重写。 ** 在package.json文件中配置一个test命令 ** 环境加载优先级 一份用于指定模式的文件(例如.env.production)会比通用形式的优先级更高(例如.env)。
最基础的vite.config.ts配置: import{resolve}from"path";import{defineConfig,loadEnv,ConfigEnv,UserConfig}from"vite";import{wrapperEnv}from"./build/getEnv";importvuefrom"@vitejs/plugin-vue";// https://vitejs.dev/config/exportdefaultdefineConfig(({mode,command,ssrBuild}:ConfigEnv):UserConfig=>{...
一:vite构建项目 配置base 1、base配置打包公共路径 打开package.json 做项目时可以不去掉 好了,在以上你构建了vite,并配置了最简单的操作后,你准备配置vite.confing.ts 开发环境下我们的图片位置在/src,ok,本地没问题正常显示,你打了个包 (npm run build),然后又运行了npm脚本preview, ...
接下来依次通过build:xxx先打包后再通过preview预览打包,结果与上面一致,浏览器输出的 MODE 与命令中--mode指定的值一致。 2 环境文件(.env) Vite 使用dotenv从环境文件目录中加载环境文件,默认情况下,环境文件目录为项目的根目录,即把环境文件放在项目根目录下。在 vite 中,可以通过配置envDir属性指定环境文件目录...
//vite.config.jsimport{defineConfig}from'vite'exportdefaultdefineConfig({build: {outDir:'build'// 打包文件的输出目录 } }) 1. 2. 3. 4. 5. 6. 7. 8. build.assetsDir 指定生成静态资源的存放目录。默认值为assets,可根据需要进行调整。
host:'127.0.0.1'},build: { minify:false} }) 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. •webpack(太多了,也比较常规,就不在这里贴出来全部配置项了,仅在这里配置好跟 Vite 一样的需要兼容到最低的浏览器版本) ...