配置webpack以省略.jsx后缀名
一、省略.jsx后缀名方法
打开 webpack.config.js，在导出的配置对象中，可以看到，
目前有 mode 、plugins 、module 三个节点。
Module.exports=(
Mode:’development’，//development production
//在 webpack 4.x 中，又一个很大的特性，就是约定大于配置约定，默认的打包入口路径是arc → index.js
Plugins:{
Htmllugin
}，
module:{ //所有第三方 模块的配置规则
rules:{ //第三方匹配规则
{test:/\.js|jsx$/,use:’babelloader’,exclude:/node_module$/}.//千万别忘记添加
和它们平级新增如下节点：
Resolve:{
extensions:[‘.js',.jsx',.json']//表示，这几个文件的后缀名，可以省略 不写
}
//行不行？目前不行，//这是ESC6中向外导出模块的API与之对应的是 import ** from ‘标识符’
//export default {}
//那些 特性 Node 支持呢？ 如果chrome浏览器支持哪些，则Node 就支持哪些
表示这几个文件的后缀名可以省略不写，[‘.js',.jsx',.json']顺序很重要。
在 index.js 中导入 hello 组件import hello from ‘./components/Hello.’,如果不写后缀名，就会默认进行补全。
如果不新增 resolve 节点，会默认补全‘.js'和.jsx',需要补写一个.json
