手写webpack4.0的配置

webpack详解

webpack是一个打包工具，他的宗旨是一切静态资源即可打包。有人就会问为什么要webpack？webpack是现代前端技术的基石，常规的开发方式，比如jquery,html,css静态网页开发已经落后了。现在是MVVM的时代，数据驱动界面。webpack将现代js开发中的各种新型有用的技术，集合打包。webpack的描述铺天盖地，我就不浪费大家的时间了。理解下这种图就知道webpack的生态圈了：

webpack4.0的配置

1. const path = require('path');  //引入node的path模块

2. const webpack = require('webpack'); //引入的webpack,使用lodash

3. const HtmlWebpackPlugin = require('html-webpack-plugin')  //将html打包

4. const ExtractTextPlugin = require('extract-text-webpack-plugin')     //打包的css拆分,将一部分抽离出来  

5. const CopyWebpackPlugin = require('copy-webpack-plugin')

6. // console.log(path.resolve(__dirname,'dist')); //物理地址拼接

7. module.exports = {