所有的webpackDemo：gitee.com/yj_dyy/webp…
创建文件夹 md webpack-demo
npm init-y 创建webpack
npm i webpack webpack-cli webpack-dev-server -D 下载webpack必要插件
结构目录：
配置js输入输出路径
entry:(输入路径 :可以是字符串，数组，对象) __dirname 默认根目录
output:{
filename:"[name]-bundle.js" //输出的名字：可以自定义
path.resolve和path.join的区别：resolve相当于是绝对路径，join 可以连接任意多个路径字符串
}
配置：
1.下载基本样式插件：npm i css-loader style-loader postcss postcss-loader autoprefixer -D
2.下载less插件 npm i less less-loader -D
3.下载scss插件 npm i node-sass scss-loader -D
4.下载图片和视频插件 npm i url-loader file-loader -D
5.下载js插件 npm i babel-core babel-plugin-transform-runtime babel-polyfill babel-preset-env babel-preset-es2015 babel-runtime babel-loader -D
注意: 1.postcss-loader postcss插件是css自动添加样式兼容标识需要配置
2.webpack.js 转换js内容需要配置
3.less和scss，css的名字都要小写，大写的时候打包会报错，不知道为啥
4.babel-polyfill 处理es6不兼容问题
5.js转换时，有时候会版本报错。
npm uninstall babel-loader
npm install babel-loader@7.1.5
2.下载最新npm镜像
配置postcss插件：
配置es6转es5
webpack.config.js配置
