天天一码 2022-05-05 10:18
浏览 30
已结题

Vue3重构Vue2项目,如何模块化加载文件?

问题遇到的现象和发生背景

当Vue3重构Vue2项目时出现一个问题便是打包编译运用不同的插件,Vue2是用Webpack打包编译的,而Vue3尝试用Vite打包编译。

问题相关代码,请勿粘贴截图

const modulesFiles = require.context('./modules', true, /.js$/)

// you do not need import app from './modules/app'
const modules = modulesFiles.keys().reduce((modules, modulePath) => {
// set './app.js' => 'app'
const moduleName = modulePath.replace(/^./(.*).\w+$/, '$1')
const value = modulesFiles(modulePath)
modules[moduleName] = value.default
return modules
}, {})

运行结果及报错内容

Vue3运行编译后报错:Uncaught ReferenceError: require is not defined

img

我的解答思路和尝试过的方法
我想要达到的结果
  • 写回答

0条回答 默认 最新

    报告相同问题?

    问题事件

    • 系统已结题 5月13日
    • 创建了问题 5月5日

    悬赏问题

    • ¥20 C# NetworkStream WriteAsync方法卡住无反应
    • ¥15 这个如何解决详细步骤
    • ¥15 在微信h5支付申请中,别人给钱就能用我的软件,这个的所属行业是啥?
    • ¥30 靶向捕获探针设计软件包
    • ¥15 别人给钱就能用我的软件,这个的经营场景是啥?
    • ¥15 react-diff-viewer组件,如何解决数据量过大卡顿问题
    • ¥20 遥感植被物候指数空间分布图制作
    • ¥15 安装了xlrd库但是import不了…
    • ¥20 Github上传代码没有contribution和activity记录
    • ¥20 SNETCracker