更新点:
抽离webpack配置文件 分别为:
webpack.base.conf.js --基础配置
webpack.dev.conf.js --开发环境配置
webpack.pro.conf.js --生产环境配置
.babelrc文件更新
postcss.config.js 更新 增加自动转 rem 配置
/lib/rem.js 自动转换 rem html font-size 标准
3.15更新
增加vuex
本次未对vuex中的 state actions mutations 做分组件区分,可根据需求自己确定是否进行区分
测试调用的是豆瓣电影热播前20,仅用于测试
增加vuex数据缓存,页面刷新数据不丢失
http.js中请求拦截器中的token验证已关闭,可根据业务需求进行释放
wepack.base.config 文件中的代码校验模块已注释,可根据部门需求进行释放
.babelrc 文件对浏览器兼容的区间进行调整
3.18 更新
增加image自动合成雪碧图功能,配置文件为: postcss.config.js
增加 build 之后自动删除 console.log 代码
解决 uglifyjs-webpack-plugin 版本原因打包报错问题
3.19 更新
修复html中的img src和样式中背景图url 最终打包路径不一致问题
增加 HappyPack 打包速度优化 ,小型项目没必要开启,可按需关闭
使用autodll-webpack-plugin插件分离公用js插件 已分离 vue vuex vue-router axios
开启webpack缓存
目前功能:
css抽离压缩
css自动生成浏览器兼容代码 例如:-webkit- -ms-
js压缩分离
html生成与压缩
图片转base64及压缩
代码检测及错误提示
打包前清理dist目录
打包缓存
es6转es5
css自动px转rem //基准值在 postcss.config.js 中
开启gzip压缩
封装axios,支持 get post 拦截 可新增其他方法。
自动合并雪碧图
自动删除console
vuex数据缓存
webpack 接口代理