这里写自定义目录标题简介安装打包更多配置配置vue项目vue-vite的打包单页面应用vue-vite的打包多页面应用多平台打包mac、win、lunix等forge配置项electron-builder配置项简介文章更新与2023年2月12日。【打包需要连接外网的资源，需要翻墙。翻不了墙的可以自己查找一下解决方案】electron官网：https://www.electronjs.orgelectronforge官网：https://www.electronforge.ioelectronbuilder官网：https://www.electron.build/环境要求：git、node@1
这里写自定义目录标题简介安装打包更多配置配置vue项目vue-vite的打包单页面应用vue-vite的打包多页面应用多平台打包mac、win、lunix等forge配置项electron-builder配置项简介文章更新与2023年2月12日。【打包需要连接外网的资源，需要翻墙。翻不了墙的可以自己查找一下解决方案】electron官网：https://www.electronjs.orgelectronforge官网：https://www.electronforge.ioelectronbuilder官网：https://www.electron.build/环境要求：git、node@1
项目打包及部署到服务器二级路由例如：我希望将打包的项目部署到http://localhost:8088/web/上一.项目配置及打包项目部署到服务器二级路由需要配置基础路径base，即需要：1.配置vite.config.ts中的基础路径2.配置路由的基础路径方式一通过环境变量配置基础路径分别在production和development模式下的环境变量中添加基础路径变量，生产环境：.env.production文件，开发环境：.env.development文件##生产环境NODE_ENV='production'VITE_BASE_PATH=/web/##开发环境NODE_ENV='dev
项目打包及部署到服务器二级路由例如：我希望将打包的项目部署到http://localhost:8088/web/上一.项目配置及打包项目部署到服务器二级路由需要配置基础路径base，即需要：1.配置vite.config.ts中的基础路径2.配置路由的基础路径方式一通过环境变量配置基础路径分别在production和development模式下的环境变量中添加基础路径变量，生产环境：.env.production文件，开发环境：.env.development文件##生产环境NODE_ENV='production'VITE_BASE_PATH=/web/##开发环境NODE_ENV='dev
我们的新项目是基于vite+vue3的，使用的编程语言是JavaScript。我们的团队除了我，对typescript都不熟悉，他们觉得学习typescript有点困难。众所周知，JS的弱类型机制，使编辑器很难提供更好的智能感知和语法提示。那么，怎么办呢？在过去，我通常单独使用jsdoc。但这次，我想做一个不同的尝试，使用TS类型定义和jsdoc协作。我们只需在项目根目录创建一个jsconfig.json文件即可，基本配置如下。我们的项目中使用了element-plus组件库，为了提供更好的智能感知，我添加了element-plus的TS类型定义到compilerOptions的types数组
我们的新项目是基于vite+vue3的，使用的编程语言是JavaScript。我们的团队除了我，对typescript都不熟悉，他们觉得学习typescript有点困难。众所周知，JS的弱类型机制，使编辑器很难提供更好的智能感知和语法提示。那么，怎么办呢？在过去，我通常单独使用jsdoc。但这次，我想做一个不同的尝试，使用TS类型定义和jsdoc协作。我们只需在项目根目录创建一个jsconfig.json文件即可，基本配置如下。我们的项目中使用了element-plus组件库，为了提供更好的智能感知，我添加了element-plus的TS类型定义到compilerOptions的types数组
随着项目的日渐迭代，项目整体的代码量也会越来越多，从而导致项目体积越来越大；在Webpack时代，很多人会对历史项目（巨型项目）感到头疼，因为往往巨型项目在本地开发调试的时候会因为本地代码的修改触发HMR热更新重载页面，然而这一过程在Webpack的运行机制中显得很慢，并且是随着项目越大，热更新的速度也会越慢； Webpack热更新慢的问题可以通过 babel-plugin-dynamic-import-node 插件来得到明显改善，或者通过手动实现动态按需加载（修改entry为当前项目中需要编译的部分或模块）亦可大幅提升热更新速度； 热更新构建主要流程 在Webpack中
随着项目的日渐迭代，项目整体的代码量也会越来越多，从而导致项目体积越来越大；在Webpack时代，很多人会对历史项目（巨型项目）感到头疼，因为往往巨型项目在本地开发调试的时候会因为本地代码的修改触发HMR热更新重载页面，然而这一过程在Webpack的运行机制中显得很慢，并且是随着项目越大，热更新的速度也会越慢； Webpack热更新慢的问题可以通过 babel-plugin-dynamic-import-node 插件来得到明显改善，或者通过手动实现动态按需加载（修改entry为当前项目中需要编译的部分或模块）亦可大幅提升热更新速度； 热更新构建主要流程 在Webpack中
博客园@四季留歌项目工程下载（腾讯微云）：点我目录项目工程下载（腾讯微云）：点我安装依赖安装vite插件配置cdn插件vite-plugin-html-config插件vite-plugin-compression插件vite-plugin-externals细说CesiumCDN部署的一个问题CESIUM_BASE_URL推荐改进缺点：必须安装cesium依赖和几个vite插件，起项目时略微麻烦，部署cdn较麻烦优点：打包速度起飞，构建后的成果代码网络传输效率最佳安装依赖yarnaddcesium#这个是给开发时vite的esbuild找模块用的yarnadd@types/cesium-D#
博客园@四季留歌项目工程下载（腾讯微云）：点我目录项目工程下载（腾讯微云）：点我安装依赖安装vite插件配置cdn插件vite-plugin-html-config插件vite-plugin-compression插件vite-plugin-externals细说CesiumCDN部署的一个问题CESIUM_BASE_URL推荐改进缺点：必须安装cesium依赖和几个vite插件，起项目时略微麻烦，部署cdn较麻烦优点：打包速度起飞，构建后的成果代码网络传输效率最佳安装依赖yarnaddcesium#这个是给开发时vite的esbuild找模块用的yarnadd@types/cesium-D#
