Vite入门

# Vite入门

安装vite

解决less的加载问题

# ZBestPC项目Vite化

# 1.全局安装Vite

npm i -g wp2vite

# 2.使用wp2vite（Webpack转Vite）

wp2vite --config=./webpack.config.js
npm install

1
2

# 3.jQuery全局变量注入

3.1 安装插件并配置

cnpm i rollup-plugin-inject -S

新版本

cnpm i @rollup/plugin-inject -S

3.2 添加模板插件

cnpm i vite-plugin-html -D

插件配置如下：

import {createHtmlPlugin} from 'vite-plugin-html'
plugins:[
	createHtmlPlugin({
		entry: 'src/index.js',
		filename: 'index.html',
		template: './src/index.html'
	})
]

1
2
3
4
5
6
7
8

编辑

← ZBestPC项目React化前端性能优化→