import{_ as s,o as n,c as a,d as p}from"./app.b03f2eea.js";const A=JSON.parse('{"title":"Webpack 4 vue.config.js \u57FA\u7840\u914D\u7F6E","description":"","frontmatter":{},"headers":[],"relativePath":"guide/vue2/base.md","lastUpdated":1665744343000}'),l={name:"guide/vue2/base.md"},o=p(`

Webpack 4 vue.config.js \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/',

\u914D\u7F6E\u5982\u4E0B

javascript
import { createVitePlugins } from "./config/vite/plugins";
import { resolve } from "path";
import { ConfigEnv, UserConfigExport } from "vite";

const pathResolve = (dir: string) => {
  return resolve(process.cwd(), ".", dir);
};

// https://vitejs.dev/config/
export default function ({ command }: ConfigEnv): UserConfigExport {
  const isProduction = command === "build";
  const root = process.cwd();
  return {
    root,
    resolve: {
      alias: [
        {
          find: "vue-i18n",
          replacement: "vue-i18n/dist/vue-i18n.cjs.js",
        },
        // /@/xxxx => src/xxxx
        {
          find: /\\/@\\//,
          replacement: pathResolve("src") + "/",
        },
        // /#/xxxx => types/xxxx
        {
          find: /\\/#\\//,
          replacement: pathResolve("types") + "/",
        },
      ],
    },
    server: {
      host: true,
      hmr: true,
    },
    plugins: createVitePlugins(isProduction),
    css: {
      preprocessorOptions: {
        scss: {
          // \u914D\u7F6E nutui \u5168\u5C40 scss \u53D8\u91CF
          additionalData: \`@import "@nutui/nutui/dist/styles/variables.scss";@import '/@/styles/mixin.scss';\`,
        },
      },
    },
  };
}
`,7),e=[o];function c(t,r,F,D,y,i){return n(),a("div",null,e)}const u=s(l,[["render",c]]);export{A as __pageData,u as default};