ES6 import from 后面能引用一个变量吗？

问题描述

问 题

比如

import Image from '../../../src/Image';
import Grid from '../../../src/Grid';
import Row from '../../../src/Row';
import Col from '../../../src/Col';

我嫌太乱了，想统一一个地址变量

const srcPath = '../../../src';

import Image from srcPath+'/Image';
import Grid from srcPath+'/Grid';
import Row from srcPath+'/Row';
import Col from srcPath+'/Col';

结果就报错了，是我引用变量的方式不对？ 还是import的路径地址本身就不允许变量的方式？

解决方案

由于import是静态执行，所以不能使用表达式和变量，这些只有在运行时才能得到结果的语法结构

参考 http://es6.ruanyifeng.com/#do...

这篇关于ES6 import from 后面能引用一个变量吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！