webpack4.0+踩过的坑(安装及打包)

1.安装webPack看官方文档就可以了,主要是打包,我安装的是4+以上的

　　官网中文教程：https://www.webpackjs.com/guides/installation/

2.我是在phpStorm里面建了个工程 webPack，圈起来的是项目初始文件

 3.安装jquery   操作index.html

　　通过终端输入npm  init -y   先初始化，然后输入 npm i jquery -s 后就生成了一个package.json  和一个node_modules

4.打包

　　由于我main.js里面的Es6的代码太高级，浏览器解析不了，webpack能够处理js的兼容问题。

后来在网上试了试各种命令，发现还是不行

 

 

最后  我执行了npm install --save-dev  webpack

然后再执行下面的打包命令就成功了

 

参考:https://segmentfault.com/a/1190000006178770?utm_source=tag-newest和https://www.jianshu.com/p/c094e42b0bc2