Gary Gu
9 days ago e7c05e5d214a149bdaba12f2e84ad0e8136f8726
vite.config.js
@@ -13,27 +13,27 @@
import PluginForViteVue2 from "@vitejs/plugin-vue2";
// 屏幕适配
const px2rem = require("postcss-px2rem")
const px2rem = require("postcss-px2rem");
    // 配置基本大小
const postcss = px2rem({
    //配rem基准值 基准大小 baseSize
    remUnit: 192, // 设稿尺1920/10
})
});
export default defineConfig(({ mode }) => {
    return {
        resolve: {
            alias: {
                "@": path.resolve(__dirname, './src'),
        "@": path.resolve(__dirname, "./src"),
                "@css": path.resolve("./src/assets/css"),
                'worker-loader': require.resolve('worker-loader'),
        "worker-loader": require.resolve("worker-loader"),
            },
        },
        worker: {
            // 例如,设置一个worker的入口文件
            // 注意:这是一个假设的配置,具体取决于worker-loader是否支持这样的配置
            // entry: '/path/to/worker/entry.js',
            options: { inline: true, name: 'workerName.[hash].js' }
      options: { inline: true, name: "workerName.[hash].js" },
        },
        plugins: [PluginForViteVue2(), splitVendorChunkPlugin()],
        css: {
@@ -44,9 +44,9 @@
            },
            loaderOptions: {
                postcss: {
                    plugins: [postcss]
                }
            }
          plugins: [postcss],
        },
      },
        },
        server: {
            proxy: {
@@ -57,7 +57,7 @@
                    changeOrigin: true, //通过浏览器查看像是"未生效",实际发送给后端的是更改过的Host(与target的host相同)
                },
            },
            port: 3000,
      port: 8081,
            host: "0.0.0.0",
            cors: true,
            open: true,
@@ -67,9 +67,16 @@
            drop: mode === "production" ? ["console", "debugger"] : [],
        },
        chainWebpack(config) {
            config.module.rule("css").test(/\.css$/).oneOf("vue").use("px2rem-loader").loader("px2rem-loader").options({
      config.module
        .rule("css")
        .test(/\.css$/)
        .oneOf("vue")
        .use("px2rem-loader")
        .loader("px2rem-loader")
        .options({
                remUnit: 192,
            }).end();
        })
        .end();
        },
        build: {
            minify: "esbuild",