首页 > 基于node.js的压缩合并安装

基于node.js的压缩合并安装

1.构建工具(grunt,gulp)

下载地址:

http://gruntjs.cn/

http://gruntjs.com/





(1)安装nodejs(http://www.nodejs.org/)

验证是否安装成功,命令行输入  node -v

(2)grunt 的安装

安装全局grunt-cli

命令行输入:

npm install -gd grunt-cli

查看安装过的模块

命令行输入:

npm list -gd

卸载模块

命令行输入:

npm uninstall grunt-cli -gd

 

(3)切换到项目目录

切换盘符 e:

列出盘符下的文件 dir

打开文件夹你     cd 文件夹

cd 项目文件夹 npm install grunt --save-dev



执行 npm install grunt --save-dev



2、建立项目夹

(1)自控制窗口中进入项目根目录>npm install

根目录,发现多了个node_modules目录,包含了四个子目录

(2)新建文件Gruntfile.js

(3)打开命令行,进入到项目根目录,敲 grunt 执行优化后的文件存在dest文件夹下

 

3、gulp

全局安装Gulp:

npm install -gd gulp

项目中安装Gulp:

npm install --save-dev gulp

项目根目录下创建gulpfile.js文件:

var gulp = require('gulp');

gulp.task('default', function() {

// place code for your default task here

});

运行Gulp

在gulpfile.js所在目录通过命令gulp的方式调用运行已经安装好的Gulp

转载于:https://www.cnblogs.com/leonchen024/p/4183349.html

更多相关:

  • 如果你想在自己的IPhone上安装一个ipa文件,你的手机是无法正常安装的,(越狱,企业证书分发除外)但是我们可以通过以下步骤来实现,前提要有自己的开发者账号。接下来就看一下具体的步骤:第一步:用Xcode新建一个工程Bundle identifier不要和手机中已有的的APP重复,然后用自己的证书打包出ipa文件。第二步:获取mob...

  • 刚接触,啥子都不会,按着教程走需求:识别图片中的文字信息环境:windows系统开发语言:python3.5使用工具类:1.pyocr2.PIL3.tesseract-ocr步骤:1.pyocr网络通直接使用命令:pip install pyocr网络不通,转至https://pypi.python.org/pypi/pyocr/0....

  • 1、前言程序设计好以后会生成若干可执行文件和依赖文件。为了方便程序被更好地使用,需要将程序封装为一个安装程序。2、平台和环境Windows系统安装NSIS下载地址:https://nsis.sourceforge.io/DownloadNSIS(Nullsoft Scriptable Install System)是一个开源的 Win...

  • 展开全部 f=open('xxx','r',encoding='utf-8') file=f.readlines() f.close() f=open('xxx','w',encoding='utf-8') for i in len(file): ----file[i]=file[i].split(',') ----file[i][1...

  • PIL(Python Imaging Library)是Python中一个强大的图像处理库,但目前其只支持到Python2.7 pillow是PIL的一个分支,虽是分支但是其与PIL同样也具有很强的图像处理库。 Python3.7.0 如何安装pillow 此安装方法在windows7环境下完成: >>>win+r调出运行窗口,键入c...

  • 一、环境搭建 1.安装react-cli脚手架(保证提前安装好Node最新版本) npm config set registry http://registry.npm.taobao.org/ npm config set sass-binary-site http://npm.taobao.org/mirrors/node-sa...

  • 最近人用npm i来直接安装模块,但是有会报错,用npm install就不会报错,刚开始百思不得其解,它俩明明是同一个东西后来查npm的帮助指令发现还是没区别,npm i仅仅是npm install的简写:   实际使用的区别点主要如下(windows下):1. 用npm i安装的模块无法用npm uninstall删除,用npm...

  • 1.运行npm install node-sass --save-dev npm install sass-loader --save-dev 2.打开build文件夹下面的webpack.base.config.js module: {rules: [...(config.dev.useEslint ? [createLint...

  • yeomen: npm install yo angular-in-action project npm install -g generator-angular  npm install -g genrator-webapp yo angular learnangular new angular project yo webapp...