基础webpack和ejs模板引擎,像前后端分离一样将页面的每一块元素拆分成可复用的组件,如头部、菜单、面包屑导航、列表、列表项、边栏、底部,需要时按需引用,方便网站某块区域的改版,不同组件的组合也可以快速构建成另一个网站。
- 添加项目根目录(src)别名,JS引用使用“@”,CSS引用使用“~@”(2020-10-2)
- CSS/JS使用contenthash标示(2020-9-30)
- 自定义打包路径(用于生产环境匹配后端资源路径)
- 分离第三方工具库,全部打包到vendors.js中(node_modules,npm下载引用的库)
- 字体打包(用于字体图标库)
- 自动生成精灵图
- 自动添加CSS前缀
- ES6语法转换
- 使用less预处理
- 使用ejs模板引擎
- 图片资源打包