webpack的安装与配置

    虽然33+岁了，但为了生活还得必须不断地学习，避免被饿死，生活就是这么残酷，也不知道今天学的以后还用不用得上。前段时间学习了spring系列，算是入门了。现在准备好好学一下vue的开发，做了这么多年前后端，也没做过大型的vue项目，感觉是该学习一下。不错的框架。

     安装了nodejs，然后蒙蒙顿顿npm安装了webpack 4.4版本，打开webstorm写了几个js。准备webpack ./src/xxx.js  /dist/sss.js的时候报错了。完成和视频上的不一样。视频上面的webpack版本低。与是看了看官网，要配置，也不知道怎么配置。找了一篇文档，摘录了部分记下来，虽然记录这些东西有点浪费时间，但为了以后需要的时候找不到解决方案，也就记下了：

     安装nodejs不用说了，js的运行环境，找个单独的目录，以后好管理。然后全局安装webpack，npm install webpack安装最新，后面加@可以指定版本。有项目了再项目里搞一个局部安装，为什么？到时候一起打包用呗

　　先创建项目目录结构，根目录是mywebpack。进入项目根目录，执行：npm init，生成package.json文件，内容就是一堆json数据，基本就是在终端里输入的信息。

　　进入项目根目录局部安装webpack，进入./mywebpack，执行：npm install webpack --save-dev，局部安装webpack成功了，根目录下会出现一个node_modules文件夹。进入根目录，建两个文件夹，分别为src和d