栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

构建前端静态页面:HTML-MIX

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

构建前端静态页面:HTML-MIX

 最近的一个web项目,我又开始做前端的老本行切图,写惯了react、vue,习惯了组件化的开发习惯,我发现切图的公用部分无法自动分离,客户的需求经常改动我就要一个一个页面的改动,查了很多的前端工具,有的要安装glup,有的用到了ejs,就是个小功能不想装这么多的插件,我就用node做了一个,本人原创项目希望大家多多使用。

安装

使用 npm:

$ npm install html-mix -g

创建文件夹html-mix

$ mkdir html-mix

进入文件夹

$ cd html-mix

创建文件夹src、public、build

$ mkdir src,public,build
目录结构
src //原始html目录 
public  //通用html目录  
build  //生成文件目录
例子



    
    
    
    
    
    
    
    
    


   @include(header.html)@
   
   
   @include(footer.html)@

执行合并
$ mix start
效果



    
    
    
    
    
    
    
    
    


   
   
    头部
   
  
   
   
   
   
    
      底部     
    

github:https://github.com/Dilmoon2016/html-mix

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/244273.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号