Webpack打包生成bundle.js问题总结

首先先说一下我遇到的问题，图晒下面

简单来说就是webpack版本略高，旧的命令不能使用了，然后我换成了下面这个命令

很好，bundle.js文件成功生成！可喜可贺，可喜可贺，但是你注意到下面黄色的 WARNING 了嘛！被警告啦！！！！

简单来说，这个就是要你设置模式（开发模式，产品模式），具体细节我不是很了解啊，但是他警告了，那就要解决啊！

我们在package.json的同级手动创建一个文件：webpack.config.js内容大概如下

const path = require('path');

//通过Node模块操作，向外面暴露一个配置对象
module.exports={
    entry:path.join(__dirname,'./src/main.js'),//打包文件
    output:{
        path:path.join(__dirname,'./dist'),//打包好的文件存放地址
        filename:'bundle.js'//打包好文件的文件名
    },
    mode:'development'//设置mode
}

注意：其中mode一定要设置，一定要设置，一定要设置！！！！！

好啦，以上设置完成以后我们在运行一边我们的命令

当然，既然我们配置了webpack.config.js文件，其实，我们只需要执行这样的命令就行了

成功啦！！哈哈哈！