小编Uro*_*103的帖子

我的项目与 Vite 捆绑后样式丢失

作为标题,当我以 IIFE 格式编译应用程序时,我的样式(包括 SFC 中的样式标记和导入到 的 css app.ts)丢失。

我不知道它是由 Vite 还是 RollUp 提供的...它可以正常使用vite serve,但不能vite build

我看到以其他格式发出的 css,但没有看到IIFE. 为此,我无法从 CDN 加载 Vue,而我想要这样做。

// vite.config.js
import vue from "@vitejs/plugin-vue";
import { defineConfig } from "vite";
import env from "vite-plugin-env-compatible";

export default defineConfig({
  plugins: [
    env({
      prefix: "",
      mountedPath: "process.env",
    }),
    vue(),
  ],
  build: {
    minify: true,
    rollupOptions: {
      external: ["vue"],
      output: {
        format: "iife",
        globals: {
          vue: "Vue",
        },
      },
    },
  },
});
Run Code Online (Sandbox Code Playgroud)
// src/app.ts …
Run Code Online (Sandbox Code Playgroud)

rollup vue.js vite

2
推荐指数
1
解决办法
3600
查看次数

标签 统计

rollup ×1

vite ×1

vue.js ×1