zoukankan      html  css  js  c++  java
  • gulp学习总结

    一、gulp使用-博客推荐:

          http://www.sheyilin.com/2016/02/gulp_introduce/

    二、gulp的作用

           gulp是一个前端构建工具,它是一个工具框架,可以通过开发插件来扩展它的功能。

           gulp的工作流程是在一个配置文件中指明对某些文件进行压缩、合并、编译等功能,之后工具就会自动完成这些任务。

           使用构建工具主要是为了提高开发效率,将重复性的工作利用构建工具来自动完成。

    三、创建配置gulp的文件过程

        1、全局安装gulp

           npm install gulp -g

        2、创建文件目录

          

     3、创建package.json文件(关于package文件:https://docs.npmjs.com/files/package.json)

         npm init 创建package.json文件 或 直接在文件夹新建并写入内容 

        (package.json文件是一个包描述文件,用来管理模块的依赖关系,项目名和版本号是必须要有的字段,否则将不能安装模块

               

           )

     4、安装淘宝镜像

        

     5、给项目文件安装插件

         cnpm install gulp del gulp-cached gulp-uglify gulp-rename gulp-concat gulp-notify gulp-filter gulp-jshint gulp-ruby-sass gulp-rev-append gulp-cssnano gulp-replace gulp-         imagemin browser-sync gulp-font-spider gulp-file-include gulp-autoprefixer --save-dev

         —save-dev 这个参数会将插件信息自动更新到 package.json 里,其中的 devDependencies 属性会随插件依赖的安装卸载而改变。

        刷新项目文件:

        

    四、查询gulp插件

          https://www.npmjs.com/browse/keyword/gulpplugin

    五、好用的gulp-devserver插件

         https://www.npmjs.com/package/gulp-devserver 

         

           

  • 相关阅读:
    Winform使用ML.NET时无法加载 DLL“CpuMathNative”问题的解决方法
    离线安装nuget包EPPlus
    码云上webide怎么提交
    EXCEL中自定义格式输入的数据怎么完整复制
    远程桌面剪贴板不好用了
    电脑里明明安装了net4.7但是VS里不显示?
    微信公众号里的音频怎么下载
    Hibernate-ORM:06.Hibernate中三种状态
    Hibernate-ORM:05.Hibernate中的list()和iterator()
    Hibernate-ORM:04.Hibernate中的get()和load()
  • 原文地址:https://www.cnblogs.com/yy95/p/7183720.html
Copyright © 2011-2022 走看看