快要入职了心情那个激动啊！反手一篇原创助个兴！webpack的安装和入门用法。

技术同事前些天让我看看公司项目的技术栈vue+webpack+element ui+mvvm，今天先说说webpack。
打开的你cmd，找到你的项目文件夹然后输入npm install webpack@3.5.3 -g(个人觉得3.5.3版本比较舒服)安装webpack



出现先面这个情况说明安装成功了



webpack的使用
webpack是一款可以用来打包js文件和css文件的打包工具。
在你的项目文件夹下新建一个js，css文件，然后写上样式和代码（想写啥就写啥能看出效果就行）。下面是我建立文件图。




文件代码写好后就可以开始打装了先说js
webpack打包js，打开你的cmd输入webpack hello.js hello.bundle.js



出现如下情况说明打包成功



意思是通过webpack 把hello.js打包成名为hello.bundle.js的js文件，使用的话也非常简单直接cdn一下就行




接下来说说css的打包
css的打包和js不同，webpack不能直接打包css需要先引入组件css-loader和style-loader否则在打包的时候会报错。
引入组件的方法如下
打开你的cmd



出现下列情况说明成功




往后把css文件require到 hello.js文件里面



然后在cmd中执行一下命令



大功告成。
第一篇原创，主要是给自己回忆安装用的写的不好不要介意。