react中的webpack配置继续

import Hello from '@/components/Hello'
@表示项目的src目录
webpack.config.js配置

module.exports = {
    mode: 'development', // development production
    plugins:[
        htmlPlugin
    ],
    module:{ //所有第三方模块的配置
        rules:[ //第三方匹配规则
            {test: /\.js|jsx$/,use:'babel-loader',exclude:/node_modules/}
        ]
    },
    resolve:{
        extensions:['.js','.jsx','.json'], //表示这几种文件的后缀名可以省略，按照从前到后的方式来进行补全
        alias:{
            '@' : path.join(__dirname,'./src') //声明了'@'符号代表的路径
        }
    }
};