vite.config.js 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. import { defineConfig } from 'vite'
  2. import { createVuePlugin } from 'vite-plugin-vue2'
  3. import viteCompression from 'vite-plugin-compression'
  4. import path from 'path'
  5. import glob from 'glob'
  6. import fs from 'fs'
  7. // 多页面入口配置
  8. const entryConfig = function () {
  9. const viteconfig = {}
  10. // 含有.js的文件
  11. const entryFiles = glob.sync('./src/pages/*/*.js')
  12. // 获取模板
  13. const temp = fs.readFileSync('./index.html')
  14. // 模板增加ts入口
  15. entryFiles.forEach((entry) => {
  16. const projectName = entry.split('/')[3]
  17. try {
  18. fs.accessSync(`./${projectName}.html`)
  19. } catch (error) {
  20. // 重构模板
  21. const html = temp.toString().replace(/\.\/src\/[^\s]*/g, `${entry}"></script>`)
  22. fs.writeFile(`./${projectName}.html`, html, (err) => {
  23. if (err) console.error(err)
  24. })
  25. }
  26. viteconfig[projectName] = path.resolve(__dirname, `./${projectName}.html`)
  27. })
  28. return viteconfig
  29. }
  30. export default ({ mode }) => defineConfig({
  31. base: './',
  32. resolve: {
  33. alias: {
  34. /*
  35. 路径别名
  36. 若为文件系统路径必须是绝对路径的形式,否则将以别名原样呈现,不会解析为文件系统路径路径
  37. */
  38. '@': path.resolve(__dirname, './src')
  39. }
  40. },
  41. plugins: [createVuePlugin(), viteCompression({ disable: true })],
  42. server: {
  43. host: 'localhost',
  44. port: 4562,
  45. open: true,
  46. strictPort: false,
  47. https: false,
  48. // 反向代理
  49. // proxy: {
  50. // '/': {
  51. // target: 'http://172.16.1.215:5000',
  52. // changeOrigin: true,
  53. // rewrite: (path) => path.replace(/^\//, '')
  54. // },
  55. // }
  56. },
  57. build: {
  58. outDir: '../www',
  59. rollupOptions: {
  60. input: entryConfig(),
  61. output: { //静态资源分类打包
  62. chunkFileNames: 'static/js/[name]-[hash].js',
  63. entryFileNames: 'static/js/[name]-[hash].js',
  64. assetFileNames: 'static/[ext]/[name]-[hash].[ext]'
  65. }
  66. },
  67. terserOptions: { //去掉打印
  68. compress: {
  69. drop_console: true,
  70. drop_debugger: true,
  71. },
  72. },
  73. },
  74. define: { //环境变量配置
  75. 'process.env': {
  76. 'SERVERURL': mode === 'development' ? 'http://127.0.0.1:5000' : 'http://127.0.0.1:5000'
  77. }
  78. }
  79. })