最近要学习打包，之前听过，也看过相关的文章，以为很简单；结果等自己进行的时候才知道其间的不易。
我是在慕课网上看着视频敲代码，发现自己打包成功了，但是bundle.js 不在文件夹里面；试了很多次都没有弄出来在哪里。
然后对着视频重新敲了代码，顺便也看了其他同学的提问；大多数同学都说视频上的webpack版本过低，很多命令现在改了。
之前我的webpack.config.js里是这样写的（因为视频是这样敲的）；不过报错了
报错信息
然后看了看大家的提问，说是在output的path路径错了，要改为下图的
运行后的结果打包成功，但是还是报错。原来还要更改filename的文件名，否则文件名会重复。
不要在entry后面少了一个逗号，否则运行会出现下面情况：
然后修改存放的文件名，运行成功了。
我也以为自己成功了，然后很开心，后来发现自己的dist文件下没有自己打包的bundle.js 、main.js 和a.js；但是打包显示成功。
然后又重新写，这次写的webpack.config.js多添加了几个字；也是指定文件路径。然后才知道webpack中引入的path[require('path')]是node.js内置的package，用来处理路径的。
更多参考菜鸟网站：http://www.runoob.com/nodejs/nodejs-path-module.html
之前还听同事说这个入门很简单，我觉得简单虽简单，还是要仔细，有些时候版本不一样，视频太老了，看了跟文档又不一致；还是边看官方文档边找新的视频练手。
这开始入门，我看视频就遇到了三四个问题；不知道后面学习的时候还会遇到什么样的问题。
技术之路任重而道远，加油！
网友评论