webpack学习

2021-05-18
1、学习了webpack的安装和基本使用
2、学习了webpack的配置文件以及安装依赖
3、学习了webpack对css、less、图片的模块化处理，用到了webpack的loader
4、更多webpack的loader或者其他配置可通过《https://www.webpackjs.com》进行学习查看

2021-05-19
1、学习了webpack配置vue的使用：npm install --save-dev vue-loader vue-template-compiler，
	如果vue版本在14以上，需要进行特别配置，否则无法编译，在package.json修改版本为^13.0.0即可
2、webpack配置文件引用免写扩展名：在resolve中配置extensions:['.js','.vue',...]
3、vue文件的分离写法，在Vue实例中直接使用template去使用，Vue实例中使用template模板会覆盖el中对应的东西
4、学写了es6转es5的loader：npm install --save-dev babel-loader@7 babel-core babel-preset-es2015
5、webpack的plugin插件配置和resolve同级：plugins:[插件,插件]
	1、webpack：	new webpack.BannerPlugin("最终版权归刘文蒲所有!")
	2、html-webpack-plugin：打包时自动生成index.html文件，可设定模板
	3、uglifyjs-webpack-plugin:压缩js的插件
6、webpack搭建本地服务器
	1、安装依赖：npm install --save-dev webpack-dev-server@2.9.1
	2、配置加载本地服务器：webpack.config.js文件配置devServer
	3、配置启动：package.json文件配置"dev": "webpack-dev-server --open"
7、webpack.config.js文件分离
	1、创建base.config.js（公共）、dev.config.js（开发时）、build.config.js（打包时）
	2、安装配置文件拼接依赖：npm install --save-dev webpack-merge@4.1.5
	3、package.json配置scripts中启动和打包指定配置文件