原文: HTML 代码复用实践

   上面的链接里面安装配置步骤已经非常详细,这里主要记录我操作过程中遇到的几个问题

    gulp-file-include 的使用

    按上面的步骤安装之后,node_modules下会有gulp和gulp-file-include

    HTML 代码复用实践 (静态页面公共部分提取复用)

    还有一个我们创建的空的gulp-file-include文件

   HTML 代码复用实践 (静态页面公共部分提取复用)

 

在gulp-file-include中组织文件目录(把下载的gulp、gulp-file-include加进来)

HTML 代码复用实践 (静态页面公共部分提取复用)

 

配置gulpfile.js(gulp、gulp-file-include和gulpfile.js同一级目录下)

HTML 代码复用实践 (静态页面公共部分提取复用)

 

src下的include文件夹放公共部分的html(或者说放模板),模板里面没有html、head、title、body标记

HTML 代码复用实践 (静态页面公共部分提取复用)

 

公共页面被引入之后出现中文乱码的问题

 HTML 代码复用实践 (静态页面公共部分提取复用)

 

运行文件之后,在dist文件中会生成编译之后的文件

HTML 代码复用实践 (静态页面公共部分提取复用)

要修改文件的时候,修改src里面的原文件,然后再重新运行一遍,重新生成新文件

 

相关文章:

  • 2022-02-08
  • 2022-12-23
  • 2021-11-19
  • 2021-10-04
  • 2021-11-05
  • 2021-11-29
  • 2021-12-08
  • 2021-12-10
猜你喜欢
  • 2021-05-27
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-10-15
  • 2022-12-23
相关资源
相似解决方案