1、搭建webpack环境-学习目的
webpack可以实现文件的编译、压缩,合并....... ,配置好webpack ,运行 npm run build 就行实现项目的构建(编译、压缩、合并) ;
性能优化方案:在打包上线的文件后加MD5时间戳,项目上线后,会进行更新迭代,如果文件内容不变,时间戳数字不会变化,用户那边会将文件缓存起来,再次加载的时候,只会加载时间戳发生变化(即内容发生变化的文件)
app.b218b951.css 加时间戳后的css
vendor.b84141a9.js 加时间戳后的第三方插件
app.b218b951.js 加时间戳后的js
一般项目更新迭代,变化的最多的就是app.b218b951.css和app.b218b951.js ,因此vendor.b84141a9.js 会在用户那边被缓存下来 。