vite替换webpack,遇到jsx问题

74 阅读1分钟

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()]
})