之后我们发现在这两个组件的引入位置中, 都存在./containers, 那么如何省略这一块呢? 也就是如何简写这一块的路径呢?
image.PNG
我们可以通过 webpack 的路径别名来做这件事.
首先我们应该去 webpack.config.JS 中, 同样在 resolve 中配置 alias 属性, 将路径别名及其对应的路径放进去:
image.PNG
然后在入口 index.tsx 中将引入路径改成别名:
image.PNG
这时候项目虽然可以跑成功, 但是因为 TypeScript 无法根据这个路径找到模块, 所以报了错:
image.PNG
我们去到 tsconfig.JSON 中进行配置, 添加如下属性, 目的就是告诉 TypeScript 路径别名指向的模块:
image.PNG
回到 index.tsx 会发现已经不报错了
image.PNG
来源: http://www.jianshu.com/p/edfd9a8b5d33