企业官网建设流程全解析

企业网站建设公司郑州,wordpress ks主题,门户网站开发工具,做网站就上凡科建设场景#xff1a; 当静态文件放置在后台的子包里#xff0c;有很多个子包#xff0c;不同子包的static里用自己单独的#xff0c;前台打包默认的根路径就不行#xff0c;所以需要配置base base: /robotUrl/,配置完后#xff0c;打包后#xff0c;启动地址和打包后的html会…场景当静态文件放置在后台的子包里有很多个子包不同子包的static里用自己单独的前台打包默认的根路径就不行所以需要配置basebase:/robotUrl/,配置完后打包后启动地址和打包后的html会变成robotUrlassetsDir修改打包后放文件的文件名assetsDirassetsDir:robotAssets,设置后dist里的文件名改变input指定入口文件vite默认是index.html当多应用有多个入口文件时可以配置不同的html这些html文件要在代码里robot、main、admin是入口的名字影响打包成的模块名字eg:input:{main:resolve(__dirname,index.html),robot:resolve(__ dirname,robot.html),admin:resolve(__dirname,admin.html)}在打包文件会看到设置完整打包后如下图modles是放在public底下的数据文件vite.config.js文件的整体简易设置/* 整体结构 */import{fileURLToPath,URL}fromnode:urlimport{defineConfig}fromviteimportvuefromvitejs/plugin-vueimportvueDevToolsfromvite-plugin-vue-devtoolsimport{resolve}fromnode:pathconst__dirnamefileURLToPath(newURL(.,import.meta.url))// https://vite.dev/config/exportdefaultdefineConfig({base:/robotUrl/,plugins:[vue(),vueDevTools()],resolve:{alias:{:fileURLToPath(newURL(./src,import.meta.url)),},},// vite 相关配置server:{port:3333,host:true,open:false,proxy:{/api:{target:http://xxxx.xx.xxx.xxxx:xxxx,changeOrigin:true,// rewrite: (p) p.replace(/^\/api/, /),},},},build:{assetsDir:robotAssets,rollupOptions:{input:{robot:resolve(__dirname,robot.html),},},},})