vue2使用vite

1.安装插件(一个vite必备，第二个是为了兼容vue2)

npm i -D vite vite-plugin-vue2

2.将public中的index.html拉出来，放在最外层，与package.json同级

3.在index.html中引入

4.router中的index.js修改base

5.创建vite.config.js(没有则需要新建)

import { createVuePlugin } from "vite-plugin-vue2";
import { defineConfig } from "vite";

export default defineConfig({
  server: {
    host: "192.168.10.107",
  },
  // plugins: [createVuePlugin()],
  plugins: [
    createVuePlugin({
      vueTemplateOptions: {},
    }),
  ],
  resolve: {
    extensions: [".vue", ".mjs", ".js", ".ts", ".jsx", ".tsx", ".json"],
    alias: [
      {
        find: "@",
        replacement: "/src",
      },
    ],
  },
  build: {
    // 设置vite打包大小控制
    chunkSizeWarningLimit: 10000,
  },
});

6.修改package.json中的运行与打包命令

–host后面是自己的本地端口号

注意：打包后可能会提示文件过大，需要在vite.config.js中进行配置打包文件体积，配置已经放置在上面了。