我讨厌重复代码。目前,我正在main.js中导入像这样的vue文件。
import Default from '../../src/components/default.vue';
import Home from '../../src/components/home.vue';
import hakkinda from '../../src/components/hakkinda.vue';
import projeler from '../../src/components/projeler.vue';
import servisler from '../../src/components/servisler.vue';
import yetenekler from '../../src/components/yetenekler.vue';
import yetenek from '../../src/components/yetenek.vue';
import referanslar from '../../src/components/referanslar.vue';
import iletisim from '../../src/components/iletisim.vue';
有没有办法用更少的行来做同样的事情?如果可以从文件名分配变量名,那就太好了。PHP可以提供帮助吗?但是然后如何编译main.js?我没有弄清楚。
我在名为“ index.js”的文件中使用此脚本来“导出默认值,将当前文件夹中每个文件中所有导出的默认值导出”:
const files = require.context('.', false, /\.js$/)
const modules = {}
files.keys().forEach((key) => {
if (key === './index.js') return
modules[ key.replace(/(\.\/|\.js)/g, '') ] = files(key).default
})
export default modules
然后,您可以通过导入名称来导入整个目录,如下所示:
import folder from '../path/to/folder'
我希望这有帮助。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句