您可以在Babel配置文件中的'plugins”选项中添加'module-resolver”插件,并在其中定义您的模块别名,以便能够使用'import”语句引入没有文件扩展名的模块。
下面是示例代码:
npm install babel-plugin-module-resolver --save-dev
// .babelrc
{ "plugins": [ [ "module-resolver", { "root": ["./src"], "alias": { "@components": "./src/components", "@utils": "./src/utils" } } ] ] }
import Header from '@components/Header';
这将导入位于./src/components/Header.js的组件。
注意:如果在导入模块时使用了相对路径(例如import './utils/helpers'),则仍需要添加文件扩展名(import './utils/helpers.js')。
上一篇:Babel不使用插件。
下一篇:Babel不支持摇树优化?