关于webpack打包bundle失败

关于webpack打包bundle失败

遇到的问题

这里的遇到的问题是由于webpack的版本问题，我使用的是webpack5，所以之前的打包语句：webpack .\src\main.js .\dist\bundle.js没有用了，要使用新的语句

webpack .\src\main.js -o  .\dist\bundle.js

此时打包成功，但是依然遇到了警告，并且得到的也不是bundle.js文件，而是bundle.js文件夹里面的js还是main.js

而警告是要我们选择模式，所以我们创建一个webpack.config.js，里面加上配置的代码

const path = require('path');
module.exports={
    entry:path.join(__dirname,'./src/main.js'),//要打包文件
    output:{
        path:path.join(__dirname,'./dist'),//文件存放地址
        filename:'bundle.js'//文件名
    },
    mode:'development'//设置mode
}

此时再执行打包指令得到的就是我们要的bundle.js