search

Ace627 / vite-vue2-template

Vite、Vue2、JavaScript、Vuex 的项目模板
1 stars 0 forks source link

你好，我用了这个项目模板，但是遇到了一个问题 #1

Closed linotrylie closed 1 year ago

linotrylie commented 1 year ago

我需要批量引入svg，通过创建SVG组件来引入

import Vue from 'vue'
import SvgIcon from './svg-icon.vue'
// 注册为全局组件
Vue.component('svg-icon', SvgIcon)
const req = require.context('./svg', false, /\.svg$/)
const requireAll = requireContext => requireContext.keys().map(requireContext)
requireAll(req)

上面是引入的方法，但是会报错，提示require未定义，请问能有什么解决方案吗

Ace627 commented 1 year ago

require.context 的引入方式是属于 webpack 构建工具的，本项目使用的是 vite，如需批量读取文件导入，可以参考项目 src/store/modules/index.js 文件的写法