webpack

说到webpack，很多人都很懵逼……
1.作用：webpack无非就是语法转换（less、sass、es6转es5等），代码合并（html、js、css）
2.使用：
先来一个官网的链接：https://www.webpackjs.com/concepts/
举一个最最简单的例子
（1）空文件夹中，新建dist src/main.js
（2）初始化：npm init
安装依赖包：npm install --save-dev webpack-cli
（3）到package.json中，配置script

（4）新建webpack.config.js,一般不改文件名字，与上述保持一致哦！在这个文件里面就可以配置入口、出口、loader、插件啦！先看一下代码结构

然后在webpack.config.js中的配置如下
const path = require（‘path’）
module.export={
entry：‘./src/main.js’,
output:{
path:path.join(__dirname,'dist),
filename:‘bundle.js’
},
mode:‘develope’
}
我只配了入口出口和模式：
入口entry就是从哪个文件开始打包；
出口output就是打包到哪里去，这里使用的是绝对路径，不了解的可以看一下dirname；
模式mode表示打包模式，开发还是生产，这个大家都懂，不多说了。
（5）最后一步打包
这时会发现在dist文件夹下面增加了一个bundle.js文件，这个就是一个打包文件。
以上就是简单的一个打包的过程。对于插件和loader大家可以参考官网尝试操作，后面空了，我再接着写~