vite替换webpack4遇到的第一个问题:
vue2中的jsx解析需要插件vite-plugin-lang-jsx,
1.下载 npm i vite-plugin-lang-jsx -D
2.添加到vite.config.js文件中,在plugins数组中,需要在vue之前
import { defineConfig } from 'vite'
import { createVuePlugin } from 'vite-plugin-vue2'
import path from 'path'
import langJsx from 'vite-plugin-lang-jsx'
// https://vitejs.dev/config/
export default defineConfig({
resolve: {
extensions: ['.js', '.vue', '.json', '.less'],
alias: {
'@': path.resolve(__dirname, 'src')
}
},
plugins: [
langJsx(),
createVuePlugin()]
})