zoukankan      html  css  js  c++  java
  • 前端构建工具gulp

        平时主要写的是一些PHP的代码,这个月由于工作需要,用到前端构建工具gulp来改一些开源的模板,来用在自己的项目上面!下面就谈一下这个礼拜对gulp的个人理解。

    1.为什么使用gulp?

    • 通过gulp命令,可以将src中的文件通过”流”的生成一个dist文件夹
    • 将多个文件合并为同一个文件
    • 通过包管理器npm也可以自动更新一些有名的代码库
    • 再也不用按F5刷新了,只需保存文件浏览器自动刷新

    3.Gulp

    • Alt text
    • 目录结构: 
      package.json 里面是一些依赖通过运行 npm install 这些依赖注入会自动下载到node_modules的目录里面; 
      src文件夹存放自己源文件; 
      dist文件夹存放生产的文件,最终的项目文件; 
      gulpfile.js 里面的命令就是告诉gulp要做什么; 
      node_modules:存放下载的组件,还可以通过gulp自动将这里的文件设置为源文件,然后压缩到dist文件夹中。
    • gulp命令:参考官方文档 http://www.gulpjs.com.cn/
    ---------------------------------------------------------------------------------我是分割线-------------------------------------------------------------------------- Never underestimate your power to change yourself! ---永远不要低估你改变自我的能力! 版权所有,转载请注明原文链接。 文中有不妥或者错误的地方还望指出,以免误人子弟。如果觉得本文对你有所帮助不妨【推荐】一下!如果你有更好的建议,可以给我留言讨论,共同进步! 再次感谢您耐心的读完本篇文章。 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------
  • 相关阅读:
    PHP关于VC11,VC9,VC6以及Thread Safe和Non Thread Safe版本选择的问题
    团队展示
    测试与优化:设计模式的应用和初次尝试多线程
    结对编程,三年级混合运算
    一个大气又可爱的标题
    随笔
    C#操作word类文件
    TypeError: Object of type 'int32' is not JSON serializable ——已解决
    Error: UserWarning: Ignoring URL... 已解决
    tensorflow(二)----线程队列与io操作
  • 原文地址:https://www.cnblogs.com/Nick-Cai/p/5547975.html
Copyright © 2011-2022 走看看