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

Question

比如

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的路径地址本身就不允许变量的方式？

Answer 1

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

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

Answer 2

你可以定义一个路径alis