昨天介绍过在index.js
中导入组件Hello
的方式:import Hello from "./components/Hello.jsx"
。如果我们想在导入组件的时候省略.jsx后缀名,可以通过配置webpack实现:
在webpack.config.js
中增加resolve
节点:
resolve: {
extensions: [".js", ".jsx", ".json"]
}
表示列出的这几种文件的后缀名可以省略不写,在引入该文件时将自动进行补全。