1 vue 升级到 2.7 ,否则 vite 不支持 2 使用@vitejs/plugin-vue2而非@vitejs/plugin-vue,@vitejs/plugin-vue2是专门针对 vue2 设计的。 3 html 文件中变量替换,需要使用 vite-plugin-html 插件 4、建议 vite 使用 4x,和 @vitejs/plugin-vue2 的版本对齐,思路是根据 npm 上 @vitejs/plugin-vue2 的...
vite 需要用 'vite-plugin-html' 插件来达成和兼容与 'html-webpack-plugin' 一样的 html 注入效果形如 '/public/v3/css/nav-common.css' 这样的特殊引用，不符合 vite 内部的保留策略，会被删除原 标签并转换成 js import，这将造成页面无法正常访问结合自定义插件实现打包过程中的 hack 和打包结束后的恢...
},base:'./',optimizeDeps: {// lodash-es 是vite自带的引用,optimizeDeps代表预构建;// 默认情况下,不在 node_modules 中的,链接的包不会被预构建,include代表强制预构建// include: ['element-plus', 'lodash-es'],},server: {host:'0.0.0.0',port:'8888',open:true,cors:true,// 允许跨域proxy: ...
1.2 安装vite对vue2支持的插件 在vite-vue2安装:vite-plugin-vue2 // 注意:vite-plugin-vue2的版本为1.9.3 npm install vite-plugin-vue2@1.9.3 -D 在根目录创建vite.config.js文件,来注册插件 import { defineConfig } from 'vite' // 动态配置函数 import { createVuePlugin } from 'vite-plugin-vue...
1. vite 目前要求入口文件必须是根目录下的 index.html，如果之前的 webpack 入口文件同名，需要更改。解决方案：vite.config.js:import { injectHtml } from 'vite-plugin-html'; export default defineConfig({ plugins:[ injectHtml({ // 入口文件 index.html 的模板注入 injectData: { // 模板注...
vite-plugin-vue2 是一个 Vite 插件,专门用于在 Vite 项目中支持 Vue 2。Vite 是一个基于 ES Module 的现代构建工具,它以极速启动、模块热替换(HMR)和极快的构建速度而闻名。然而,Vite 最初只支持 Vue 3,而 vite-plugin-vue2 插件使得开发者能够在不...
vue2项目改成vite最新版 效果对比 MacBook Pro M1 初次首屏:清空chrome浏览器缓存,首次打开vscode,chrome打开http://localhost:9527/ 二次首屏:不清空chrome浏览器缓存,不关闭vscode,关闭chrome,chrome打开http://localhost:9527/ 改造点 vue版本 "vue": "2.7.16" ...
npm init vite@2.8.0 后续,安装如图 创建好项目后 // 1.进入项目cd vite-vue2// 2.安装依赖npm install// 3.启动项目npm run dev 效果图如下: 1.2 安装vite对vue2支持的插件 在vite-vue2安装:vite-plugin-vue2 // 注意:vite-plugin-vue2的版本为1.9.3npm install vite-plugin-vue2@1.9.3-D ...
在写本文时,Vite默认不提供Vue2项目的创建方式。 使用Vite创建出来的Vue项目,暂时都是Vue3的。 Vite是构建工具的高阶封装。它的内部其实是Rollup。 Vite是尤雨溪随着Vue3正式版 一起发布的一个工具。 最开始Vite是为Vue3服务的一个工具,但随着Vite 2.0发布之后,Vite就是一个独立的构建工具了。
51CTO博客已为您找到关于vue2 vite配置 less的相关内容,包含IT学习相关文档代码介绍、相关教程视频课程,以及vue2 vite配置 less问答内容。更多vue2 vite配置 less相关解答可以来51CTO博客参与分享和学习,帮助广大IT技术人实现成长和进步。