在Vite创建Vue3项目 中讲到,Vite 官方对 Vue 的支持只针对于Vue3.x 版本,而对于 Vue2.x 是不支持的。 使Vite 支持 Vue2.x,是需要安装插件来实现,官方文档Vite 需要 Node.js 版本>= 12.0.0。(node -v 查看自己当前的node版本) 使用yarn:yarn create @vitejs/app 使用npm:npm init @vitejs/app...
在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-vue2' import { resolve } from ...
vite 创建vue2 文心快码BaiduComate 使用Vite 创建 Vue 2 项目的过程可以按照以下步骤进行。请确保您已经安装了 Node.js 环境,并且 npm 或 yarn 可用。以下是详细的步骤: 1. 全局安装 @vitejs/create-vue 虽然这一步不是必须的(因为可以直接使用 npm init vite),但安装它可以提供一些额外的便利和模板选项。
import{defineConfig}from'vite'// 动态配置函数import{createVuePlugin}from'vite-plugin-vue2'import{resolve}from'path'exportdefault()=>defineConfig({plugins:[createVuePlugin()],server:{open:true,//自动打开浏览器port:1567//端口号},resolve:{// 别名alias:[{find:'@',replacement:'/src'}]}}) 1....
使Vite 支持 Vue2.x,是需要安装插件来实现,官方文档 使用yarn:yarn add vite-plugin-vue2 -D 使用npm:npm install vite-plugin-vue2 -D 7. 使用插件 创建配置文件vite.config.js const { createVuePlugin } = require('vite-plugin-vue2') ...
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()]} ...
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...
= development command = serve // 生产环境 mode = production command = build return { plugins: [ //提供 vue2.x 单文件组件支持的插件 createVuePlugin(), //打包出兼容传统浏览器的代码 legacyPlugin({ targets: ['> 1%, last 2 version, ie >= 11'], additionalLegacy...
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()]} ...
//提供 vue2.x 单文件组件支持的插件 createVuePlugin(), //打包出兼容传统浏览器的代码 legacyPlugin({ targets: ['> 1%, last 2 version, ie >= 11'], additionalLegacyPolyfills: ['regenerator-runtime/runtime'] }), //按需导入组件 Components({ ...