老师vite的 vite.config.js 怎么配置?我的都不执行backend

来源:2-5 获取轮播图接口数据

班大人

2021-05-25

我的文件如下 ↓

import {
  defineConfig
} from 'vite';
import path from 'path';
import vue from '@vitejs/plugin-vue';
 
const registerRouter = require('./backend/router.js')
// https://vitejs.dev/config/
export default ({
  mode
}) => defineConfig({
  //  base: baseUrl[mode],
  resolve: {
    alias: [{
      find: '@',
      replacement: path.join(__dirname, '/src'),
    },],
  },
  css: {
    preprocessorOptions: {
      scss: { // 注意,键名是scss不是sass!
        // 这里写你想导入全局scss变量的路径,注意只能写相对路径,alias貌似在css中不会生效
        additionalData: `
                    @import './src/assets/scss/mixin.scss';
                    @import './src/assets/scss/variable.scss';
                `,
      },
    },
  },
  devServer: {
    before(app) {
      registerRouter(app)
    }
  },
  plugins: [
    vue(),
  
  ],
 
});
写回答

4回答

小茂茂

2021-05-26

vite 不能直接配置的 devServer 的

vite 设置开发服务器
https://cn.vitejs.dev/guide/ssr.html#setting-up-the-dev-server
0
3
zhou21
回复
班大人
最终是怎么配置的呢
2021-11-18
共3条回复

班大人

提问者

2021-05-26

已解决

1
2
慕标8224295
怎么解决的啊?
2023-12-18
共2条回复

PARADISELIN

2021-07-04

请问最终如何解决?

0
2
zhou21
回复
PARADISELIN
请问是怎么解决的
2021-11-18
共2条回复

海_123

2021-05-26

const registerRouter = require('./backend/router.js')
const express = require('express')
const { createServer: createViteServer } = require('vite')
async function createServer() {
  const app = express()  // 以中间件模式创建 vite 服务器  
  // const vite = await createViteServer({  
  //   server: { middlewareMode: 'ssr' }  
  // })  // 将 vite 的 connect 实例作中间件使用  
  // app.use(vite.middlewares)  
  registerRouter(app)
}
createServer()


0
4
qq_嘻嘻_41
回复
慕莱坞0998854
请问解决了吗?
2022-10-18
共4条回复

Vue3开发企业级音乐Web App 明星讲师带你学大厂代码

慕课网明星讲师黄轶深度讲解 Vue3.0 ,提升的不止是Vue代码能力

2223 学习 · 1002 问题

查看课程