代码环境为浏览器。捆绑工具是 webpack。我有一个 router.js 文件,如:
import foo from './views/foo.vue'
import bar from './views/bar.vue'
import zoo from './views/zoo.vue'
//use foo, bar, zoo variables
我在views
文件夹下有很多“.vue”文件要像这样导入。是否有一种编程方法可以将所有内容自动导入[name].vue
为局部变量[name]
?所以,当我添加或删除VUE文件views
,我并不需要手动编辑router.js
文件。这个好像有点脏。
for (let name of ['foo', 'bar', 'zoo']) {
global[name] = require(`./views/${name}.vue`)
}
不,就是这样。您可以选择动态导入和自动化,或显式编码和类型检查 / linting。
不幸的是,它是其中之一。唯一的另一种方法是元编程,您可以编写代码来编写代码。
所以你在这样的循环中生成导入语句,并将字符串写入源文件,并使用源文件中的分隔注释块来识别和更新它。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句