import{_ as s,c as n,o as a,a as p}from"./app.614cd5ee.js";const d=JSON.parse('{"title":"vite.config.ts \u57FA\u7840\u914D\u7F6E","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue3/base.md","lastUpdated":1660905312000}'),l={name:"guide/vue3/base.md"},o=p(`

vite.config.ts \u57FA\u7840\u914D\u7F6E

\u5982\u679C\u4F60\u7684 Vue Router \u6A21\u5F0F\u662F hash

javascript
publicPath: './',

\u5982\u679C\u4F60\u7684 Vue Router \u6A21\u5F0F\u662F history \u8FD9\u91CC\u7684 publicPath \u548C\u4F60\u7684 Vue Router base \u4FDD\u6301\u4E00\u81F4

javascript
publicPath: '/app/',
javascript
export default function ({ command }: ConfigEnv): UserConfigExport {
  const isProduction = command === "build";
  return {
    server: {
      host: "0.0.0.0",
    },
    plugins: [
      vue(),
      vueJsx(),
      createStyleImportPlugin({
        resolves: [NutuiResolve()],
      }),
      eruda(),
      viteMockServe({
        mockPath: "./src/mock",
        localEnabled: command === "serve",
        logger: true,
      }),
    ],
    css: {
      preprocessorOptions: {
        scss: {
          // \u914D\u7F6E nutui \u5168\u5C40 scss \u53D8\u91CF
          additionalData: \`@import "@nutui/nutui/dist/styles/variables.scss";\`,
        },
      },
    },
  };
}
`,6),e=[o];function c(t,r,F,y,D,i){return a(),n("div",null,e)}const C=s(l,[["render",c]]);export{d as __pageData,C as default};