首先我们需要在根目录里创建一个vue.config.js首先在文件中先写入//打包配置文件module.exports={assetsDir:'static',//outputDir的静态资源(js、css、img、fonts)目录publicPath:'./',//静态资源路径（默认/，如果不改打包后会白屏）productionSourceMap:false,//不输出map文件};之后再使用CDN加速优化(此代码在module.exports对象外面)cdn加速可以去官网找到相应插件的路径BootCDN官网//是否为生产环境constisProduction=process.env.NOD
首先我们需要在根目录里创建一个vue.config.js首先在文件中先写入//打包配置文件module.exports={assetsDir:'static',//outputDir的静态资源(js、css、img、fonts)目录publicPath:'./',//静态资源路径（默认/，如果不改打包后会白屏）productionSourceMap:false,//不输出map文件};之后再使用CDN加速优化(此代码在module.exports对象外面)cdn加速可以去官网找到相应插件的路径BootCDN官网//是否为生产环境constisProduction=process.env.NOD
环境： "react":"^18.2.0", "react-dom":"^18.2.0", "react-router-dom":"^6.8.2", "sass":"^1.58.3",yarnadd@craco/cracopostcss-pxtoremlib-flexible1、创建craco.config.js2、将下方代码复制到craco.config.js中module.exports={style:{postcss:{mode:'extends',loaderOptions:{postcssOptions:{ident:'postcss',plugins:[['postc
环境： "react":"^18.2.0", "react-dom":"^18.2.0", "react-router-dom":"^6.8.2", "sass":"^1.58.3",yarnadd@craco/cracopostcss-pxtoremlib-flexible1、创建craco.config.js2、将下方代码复制到craco.config.js中module.exports={style:{postcss:{mode:'extends',loaderOptions:{postcssOptions:{ident:'postcss',plugins:[['postc
Windows使用远程连接时报错但是使用gitbash远程连接却可以正常访问输入wheressh查看发现有两个ssh，尝试只使用git的ssh打开环境变量，在系统变量中的Path变量里找到C:\WINDOWS\System32\OpenSSH\点击下移将其移动到D:\Environment\Git\usr\bin的下边这样在使用ssh命令时系统便会优先使用git的ssh重启CMD成功访问999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999
Windows使用远程连接时报错但是使用gitbash远程连接却可以正常访问输入wheressh查看发现有两个ssh，尝试只使用git的ssh打开环境变量，在系统变量中的Path变量里找到C:\WINDOWS\System32\OpenSSH\点击下移将其移动到D:\Environment\Git\usr\bin的下边这样在使用ssh命令时系统便会优先使用git的ssh重启CMD成功访问999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999
Vue3+vitevite和webpack区别？1.vite服务器启动速度比webpack快，由于vite启动的时候不需要打包，也就无需分析模块依赖、编译，所以启动速度非常快。当浏览器请求需要的模块时，再对模块进行编译，这种按需动态编译的模式，极大缩短了编译时间，当项目越大，文件越多时，vite的开发时优势越明显。vite热更新比webpack快，vite在HRM方面，当某个模块内容改变时，让浏览器去重新请求该模块即可，而不是像webpack重新将该模块的所有依赖重新编译。2.Vite的使用简单，只需执行初始化命令，就可以得到一个预设好的开发环境，开箱即获得一堆功能，包括：CSS预处理、htm
Vue3+vitevite和webpack区别？1.vite服务器启动速度比webpack快，由于vite启动的时候不需要打包，也就无需分析模块依赖、编译，所以启动速度非常快。当浏览器请求需要的模块时，再对模块进行编译，这种按需动态编译的模式，极大缩短了编译时间，当项目越大，文件越多时，vite的开发时优势越明显。vite热更新比webpack快，vite在HRM方面，当某个模块内容改变时，让浏览器去重新请求该模块即可，而不是像webpack重新将该模块的所有依赖重新编译。2.Vite的使用简单，只需执行初始化命令，就可以得到一个预设好的开发环境，开箱即获得一堆功能，包括：CSS预处理、htm
一，搭建vite项目 兼容性注意：Vite需要 Node.js 版本14.18+，16+。然而，有些模板需要依赖更高的Node版本才能正常运行，当你的包管理器发出警告时，请注意升级你的Node版本。 通过下面的命令行可以创建指定项目名称和你想要使用的模板的vue项目#npm6.xnpmcreatevite@latestmy-vue-app--templatevue#npm7+,extradouble-dashisneeded:npmcreatevite@latestmy-vue-app----templatevue#yarnyarncreatevitemy-vue-app--templat
一，搭建vite项目 兼容性注意：Vite需要 Node.js 版本14.18+，16+。然而，有些模板需要依赖更高的Node版本才能正常运行，当你的包管理器发出警告时，请注意升级你的Node版本。 通过下面的命令行可以创建指定项目名称和你想要使用的模板的vue项目#npm6.xnpmcreatevite@latestmy-vue-app--templatevue#npm7+,extradouble-dashisneeded:npmcreatevite@latestmy-vue-app----templatevue#yarnyarncreatevitemy-vue-app--templat
