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...
import {createVuePlugin} from 'vite-plugin-vue2';export default ({mode}) => { const isProduction = mode === 'production'; return defineConfig({ base: `/${config.base}/`, logLevel: 'info', // 插件,兼容 rollup plugins: [ // vue2 和 jsx createVuePlugin({ j...
⚠️ With the release ofVue 2.7, Vite now provides the official Vue 2 plugin@vitejs/plugin-vue2. Thereby this plugin has entered maintenance mode and will only support Vue 2.6 or earlier. This project will reach End of Life by the end of 2022. Install npm install vite-plugin-vue2 -...
import{defineConfig,loadEnv}from'vite'importvuefrom'@vitejs/plugin-vue2'import{createHtmlPlugin}from'vite-plugin-html'importpathfrom'path';exportdefault({mode})=>{constenv=loadEnv(mode,process.cwd())const{VITE_STATIC_BASE_PATH,VITE_AUTH_SDK,VITE_WEBTRENDS_SDK,VITE_ENV_TIME,VITE_APP_ENV_MODE...
// 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 ...
一、首先我们想在vue2中直接使用vite,也是可以的,来看教程 . 1. 安装插件(一个vite必备,第二个是为了兼容vue2)npm i -D vite vite-plugin-vue2 2.将public中的index.html拉出来,放在最外层,与package.json同级 3.在index.html中引入 4.router中的index.js修改base ...
是在单文件组件 (SFC) 中使用组合式 API 的编译时语法糖,是Vue3.2新加入的语法。那么,我们也可以在Vue2项目中使用它。 你需要安装unplugin-vue2-script-setup依赖。 代码语言:javascript 复制 yarn add unplugin-vue2-script-setup-D 了解更多,可以查看...
npm install vite-plugin-vue2 --dev 如果npm安装不了,可以用cnpm或者yarn。 要使用vite插件,需要在项目的根目录创建vite.config.js文件。 在vite.config.js里输入以下代码。 import{createVuePlugin}from'vite-plugin-vue2'exportdefault{plugins:[createVuePlugin()]} ...
(1)确定已经支持 less:npm install -D less(2)别忘了 resolve.alias 也加上一个:'~@': resolve('src')10. 如何支持 jsx?vite.config.js import { createVuePlugin } from 'vite-plugin-vue2'; createVuePlugin({ jsx: true, // 配置 jsx jsxOptions: { injectH: false, }, })Vue...
npm install vite-plugin-vue2--dev 如果npm安装不了,可以用cnpm或者yarn。 要使用vite插件,需要在项目的根目录创建vite.config.js文件。 在vite.config.js里输入以下代码。 代码语言:javascript 复制 import{createVuePlugin}from'vite-plugin-vue2'exportdefault{plugins:[createVuePlugin()]} ...