| | |
| | | |
| | | 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: { |
| | |
| | | }, |
| | | loaderOptions: { |
| | | postcss: { |
| | | plugins: [postcss] |
| | | } |
| | | } |
| | | plugins: [postcss], |
| | | }, |
| | | }, |
| | | }, |
| | | server: { |
| | | proxy: { |
| | |
| | | changeOrigin: true, //通过浏览器查看像是"未生效",实际发送给后端的是更改过的Host(与target的host相同) |
| | | }, |
| | | }, |
| | | port: 3000, |
| | | port: 8081, |
| | | host: "0.0.0.0", |
| | | cors: true, |
| | | open: true, |
| | |
| | | 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", |