vite默认是不支持@和require怎么配置？

最新推荐文章于 2025-04-04 10:55:11 发布

防火墙在线

最新推荐文章于 2025-04-04 10:55:11 发布

阅读量2.8k

点赞数 2

分类专栏： vue 文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/weixin_40922551/article/details/124843296

版权

vue 专栏收录该内容

9 篇文章

订阅专栏

该博客介绍了在Vite配置中遇到的不支持`require`的问题及其解决方法。首先，通过安装`vite-plugin-require-transform`来解决不支持require的错误。然后，在`vite.config.js`中引入并配置该插件，设置fileRegex匹配.js和.vue文件，从而实现对require的支持。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

不支持@

在vite.config.js中配置如下

import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
const path = require('path');

export default defineConfig({
  plugins: [vue()],
  define: {
    'process.env': {},
  },
  resolve: {
    // 配置路径别名
    alias: {
      '@': path.resolve(__dirname, './src'),
    },
  },
});

不支持require

1.第一步：安装

yarn add -D vite-plugin-require-transform
or
npm i vite-plugin-require-transform --save-dev

第二步：在vite.config.js中配置

import { defineConfig } from 'vite'
import requireTransform from 'vite-plugin-require-transform';
 
export default defineConfig({
  plugins: [
    requireTransform({
      fileRegex: /.js$|.vue$/
    }),
  ],
});