webpack：webpack+vue模板构建过程
一、创建目录-npm init 生成package.json
二、局部安装npm install webpack -D(没有@版本则安装最新版，此刻为4.42.0)
三、全局安装npm install webpack -g
四、全局和局部安装webpack-cli(4.x版本将cli工具分离了)
五、创建src目录和目录下index.js文件，此新版本默认此目录和文件作为入口文件，否则webpack命令会出错，下为几种命令模式：
- 默认4.x版本webpack命令为webpack --mode development/production，会自动生成dist目录和其下main.js文件。命令与3.x版本不同，3.x为webpack 入口 出口 其他参数
2.自定义路径webpack src/index.js --output dist/bundle.js --mode development/production(–output简写-o) - 配置webpack.config.js文件，配置入口出口等文件，覆盖默认的。然后安装自动打包插件webpack-dev-server。在package.json中的"scripts"项配置"dev": “webpack-dev-server --open --hot”。文件打包时执行npm run dev启动项目（自动将入口文件打包到出口文件）。
六、安装html-webpack-plugin插件，并在webpack.config.js中plugins项中配置。此插件作用为根据模板的html文件在出口目录（此为dist）中生成html文件（看不见），并且该html自动引入bundle.js。（如有多入口文件生成多个js文件。根据chunks选项各自模板各自导入打包后的js文件）（本项目将根目录创建index.html（项目入口页）作为模板在出口文件夹中生成html文件自动导入由入口文件index.js文件打包后的bundle.js文件，相当于index.html关联了index.js文件）
七、安装loader
1.css文件：css-loader style-loader（import ‘./css/style.css’;能被识别）
2.less文件: less less-loader
3.sass：node-sass sass-loader
4.stylus：stylus stylus-loader
5.js:babel-loader @babel/core @babel/preset-env 需配置其他
6.图片/字体：url-loader file-loader image-webpack-loader 需配置其他
8.Css3浏览器兼容前缀：postcss postcss-loader autoprefixer
配置postcss.config.js
9.配置vue环境：vue -S / vue-loader vue-template-compiler -D
配置loader和plugins和resolve的alias项
Index.js中配置：
八、创建router
cnpm install vue-router -S
九、创建vuex
cnpm install vuex -S