首页 > 建站教程 > 前端框架 >  vue2 webpack,vue3 vite项目放二级目录打包方式正文

vue2 webpack,vue3 vite项目放二级目录打包方式

假设项目传到 /根目录/web 下,那webpack打包的vue2项目,和vite打包的vue3项目,如何配置:

vue2配置:

方法一:在vue.config.js里面添加

const BASE_URL = process.env.NODE_ENV === 'production' ? '/web' : ''
module.exports = {
  publicPath: BASE_URL
}


方法二:在路由配置如下:

const router = new VueRouter({
  mode: 'history',
  base:'/web/',  // 这是二级路径                         
  routes
})


vite打包的vue3配置:

在package.json的build加个参数:

// build后面添加
"scripts": {
    "dev": "vite",
    "build": "vite build --base=/web/"
  }
}