关于 vite，高级面试题+解析

const localEnabled = process.env.USE_MOCK || false;

const prodEnabled = process.env.USE_CHUNK_MOCK || false;

// https://vitejs.dev/config/

export default () => defineConfig({

plugins: [ //配置需要使用的插件列表

vue(),

viteMockServe({

mockPath: “./src/server/mock”,

localEnabled: localEnabled, // 开发打包开关 true时打开mock false关闭mock

prodEnabled: prodEnabled,//prodEnabled, // 生产打包开关

// 这样可以控制关闭mock的时候不让mock打包到最终代码内

injectCode: `

import { setupProdMockServer } from ‘./mockProdServer’;

setupProdMockServer();

`,

logger: false, //是否在控制台显示请求日志

supportTs:false //打开后，可以读取 ts 文件模块 打开后将无法监视 .js 文件

})

],

// 强制预构建插件包

optimizeDeps: {

//检测需要预构建的依赖项

entries: [],

//默认情况下，不在 node_modules 中的，链接的包不会预构建

include: [‘axios’],

exclude:[‘your-package-name’] //排除在优化之外

},

//静态资源服务的文件夹

publicDir: “public”,

base: ‘./’,

//静态资源处理

assetsInclude: “”,

//控制台输出的级别 info 、warn、error、silent

logLevel: “info”,

// 设为false 可以避免 vite 清屏而错过在终端中打印某些关键信息

clearScreen:true,

resolve: {

alias: [//配置别名

{ find: ‘@’, replacement: resolve(__dirname, ‘src’) }

],

// 情景导出 package.json 配置中的exports字段

conditions: [],

// 导入时想要省略的扩展名列表

// 不建议使用 .vue 影响IDE和类型支持

extensions:[‘.mjs’,‘.js’,‘.ts’,‘.jsx’,‘.tsx’,‘.json’]

},

// css

css: {

// 配置 css modules 的行为

modules: { },

// postCss 配置

postcss: {

},

//指定传递给 css 预处理器的选项

preprocessorOptions:{

scss: {

additionalData:$injectedColor:orange;

}

}

},

json: {

//是否支持从 .json 文件中进行按名导入

namedExports: true,

//若设置为 true 导入的json会被转为 export default JSON.parse(“…”) 会比转译成对象字面量性能更好

stringify:false

},

//继承自 esbuild 转换选项，最常见的用例是自定义 JSX

esbuild: {

jsxFactory: “h”,

jsxFragment: “Fragment”,

jsxInject:import Vue from 'vue'

},

//本地运行配置，以及反向代理配置

server: {

host: “localhost”,

https: false,//是否启用 http 2

cors: true,//为开发服务器配置 CORS , 默认启用并允许任何源

open: true,//服务启动时自动在浏览器中打开应用

port: “9000”,

strictPort: false, //设为true时端口被占用则直接退出，不会尝试下一个可用端口

force: true,//是否强制依赖预构建

hmr: false,//禁用或配置 HMR 连接

// 传递给 chockidar 的文件系统监视器选项

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

最后

小编的一位同事在校期间连续三年参加ACM-ICPC竞赛。从参赛开始，原计划每天刷一道算法题，实际上每天有时候不止一题，一年最终完成了 600+：

凭借三年刷题经验，他在校招中很快拿到了各大公司的offer。

入职前，他把他的刷题经验总结成1121页PDF书籍，作为礼物赠送给他的学弟学妹，希望同学们都能在最短时间内掌握校招常见的算法及解题思路。

整本书，我仔细看了一遍，作者非常细心地将常见核心算法题和汇总题拆分为4个章节。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

而对于有时间的同学，作者还给出了他结合众多数据结构算法书籍，挑选出的一千多道题的解题思路和方法，以供有需要的同学慢慢研究。

mg_convert/3425ac600577268ce7d1f69b2002194d.png)

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

而对于有时间的同学，作者还给出了他结合众多数据结构算法书籍，挑选出的一千多道题的解题思路和方法，以供有需要的同学慢慢研究。