vue学习第一天记录（webpack插件）

插件安装

1.安装'webpack ' 。代码中会有兼容性等问题，可以用webpack解决，
2.安装'webpack-dev-server' 。修改源代码之后实时打包编译
3.安装'html-webpack-plugin '
（1）复制html文件放到根目录中（内存中）
（2）在复制html文件中自动注入一个脚本，引入内存中的bundle.js
4.安装'loader'脚本，处理css/less/高级js语法等webpack处理不了的文件，处理之后转交给webpack放入到bundle.js中
5.安装'clean-webpack-plugin'。打包自动清理旧文件
6.配置'source-map'，在开发模式下源码位置和打包出来文件位置一致
7.在开发模式下用'source-map',生产环境下删除该配置或者改成‘nosources-source-map’
开发模式注重调试，生产环境注重安全性。
8.在webpack配置‘@’，定位目录
9.js和图片存放位置优化，在webpack配置中的rules添加img文件存放位置，outPut=images，在output文件下修改存放文件名字