注册 登录
当前位置: 首页 » 我的项目 » 详情:静态页面项目快速构建方案

静态页面项目快速构建方案

基础webpack和ejs模板引擎,像前后端分离一样将页面的每一块元素拆分成可复用的组件,如头部、菜单、面包屑导航、列表、列表项、边栏、底部,需要时按需引用,方便网站某块区域的改版,不同组件的组合也可以快速构建成另一个网站。

  1. 添加项目根目录(src)别名,JS引用使用“@”,CSS引用使用“~@”(2020-10-2)
  2. CSS/JS使用contenthash标示(2020-9-30)
  3. 自定义打包路径(用于生产环境匹配后端资源路径)
  4. 分离第三方工具库,全部打包到vendors.js中(node_modules,npm下载引用的库)
  5. 字体打包(用于字体图标库)
  6. 自动生成精灵图
  7. 自动添加CSS前缀
  8. ES6语法转换
  9. 使用less预处理
  10. 使用ejs模板引擎
  11. 图片资源打包

项目地址:https://github.com/mkinit/js2-static-builder

打赏支持

所有资源来源于各大网盘,本站不储存任何资源文件,只展示资源链接,侵删!
移动端浏览