zoukankan      html  css  js  c++  java
  • 【node】gulp前端构建工具window下简单使用

    gulp:基于nodejs的前端自动化构建工具。

     参考文章:http://www.gulpjs.com.cn/

    web页面在构建时往往需要引入多个公用js、第三方插件、依赖等,本文讲述利用gulp构建合并js文件。

    构建前,需要引用多个依赖:

    构建后,只需要引用构建js:

     同时gulp的watch功能还能监视依赖脚本,随时生成新的构建脚本。做到代码的时事修改时事编译生成。

    一.环境需要

    依赖 nodejs和npm,事先安装和配置好nodejs以及npm,具体步骤不赘述

    二.gulp安装

    1. 全局安装 gulp:

    npm install --global gulp
    

    2. 作为项目的开发依赖(devDependencies)安装:

    npm install --save-dev gulp

    npm install gulp-concat --gulp 合并插件

    这块需要cd到项目跟目录

    3. 在项目根目录下创建一个名为 gulpfile.js 的文件:

     生成wodedingyue-concat.js会在指定的js/controller/gerenzhuanlan目录下。

    4. 运行 gulp gerenzhuanlan任务:

    gulp gerenzhuanlan(这块环境不同,有些可能需要在node cmd运行)

    如下图时,就已经在时事监控了。修改watch的任何一个js代码,都会重新生成wodedingyue-concat.js文件
     
  • 相关阅读:
    响应式一些知识
    自动显示git分支--安装oh-my-zsh(Ubuntu环境)
    一些感受吧
    vim 编辑器笔记
    gitlab 配置 ssh && ubuntu
    css3遇到的一些属性
    ajax 基础教程
    怎么查看浏览器内核
    简单理解锁
    测试项目注意项
  • 原文地址:https://www.cnblogs.com/zspbolg/p/6767330.html
Copyright © 2011-2022 走看看