vue和vite基础打包配置

最新推荐文章于 2024-05-27 23:13:20 发布

程序员小蜗

最新推荐文章于 2024-05-27 23:13:20 发布

阅读量417

点赞数 3

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_51958960/article/details/137015585

版权

文章讲述了在Vue2和Vue3项目中，如何分别在`vue.config.js`和`vite.config.js`中进行打包配置，重点关注了`publicPath`和`transpileDependencies`的区别以及生产环境下的`base`设置。

摘要由CSDN通过智能技术生成

vue2和vue3未使用vite打包

vue.config文件夹下

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  // 打包需要配置下 避免发布后报错
  publicPath: process.env.NODE_ENV === 'production' ? './' : './',
  transpileDependencies: true
})

使用vite打包配置

vite.config

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
export default defineConfig({
  // 打包配置
  base: process.env.NODE_ENV === 'production' ? './' : '/',
  server: {
    port: 5173,
	host: "0.0.0.0",
  },
})