nodejs使用大口来管理前端文件

1.安装node . js(https://nodejs.org/en/)

使用node -v查看安装后的版本

Npm将在节点安装后附带安装

PS: NPM其实是Node.js的包管理器，为什么我们需要一个包管理工具呢？因为我们在Node.js上开发的时候，会用到很多别人写的JavaScript代码。如果我们要用别人写的包，每次按照它的名字搜索官网，下载代码，解压，重用，是非常麻烦的。于是，一个集中管理工具应运而生：每个人都将自己开发的模块打包，放在npm官网上。如果您想使用它们，您可以通过npm安装直接使用它们，而不管代码存在于何处以及应该下载到何处。更重要的是，如果我们要使用依赖于模块B的模块A，以及依赖于模块X和模块Y的模块B，npm可以根据依赖关系下载和管理所有的依赖包。

也可以使用npm -v查看版本

2.安装大口插件：npm安装-g大口

3.在本地创建一个项目文件并管理它

1在d盘上创建一个空的folder _ Test文件夹。Win R打开命令窗口，定位当前项目目录，然后输入指令：npm init enter(也可以在git的童鞋文件夹中右键点击这里的git bash)。在执行命令的过程中，系统会提示您输入有关项目的一些描述性信息，但并不要求您全程输入。

完成后，将在文件夹中生成一个package.json文件。

2执行以下命令

//安装： NPM本地安装大口-保存-开发(大口插件)

//安装： NPM在本地安装glaw-concat-save-dev(合并插件)

//本地安装：NPM安装(压缩插件)

此时，所有的准备工作都已就绪，让我们开始管理我们的项目。

(1)在项目的根目录下创建一个名为gulpfile.js的js文件

(2)在根目录中创建新的js文件夹，在文件夹中创建两个js文件。代码如下：

index.js:

var索引={ }；index={ test:function(参数){ console . log(' test ')；} } index . test()；main.js:

var main={ }；main.test=function(参数){ console . log(' main test ')；} main . test()；(3)在根目录中创建一个构建文件夹来存储打包的文件

(4)编辑步骤(1)创建的gulpfile.js文件，内容如下：

var fs=require(' fs ')；var大口=require('大口')；//大口本身var uglify=require('大口-uglify ')；//引入压缩组件var concat=required(' gull-concat ')；//import gull . task(' taskName '，函数(){//查找src目录下所有文件夹中的所有js文件：return gull . src(' js/*)。js’)。管道(uglify())//压缩。管道(concat(' all . min . js ')//并将其输入。管道in all.min.js. //End事件回调})；//检查文件卷functioncallback () {var path='。/build/all . min . js '；var exists=fs.existsSync(路径)；if(！存在){ return}var states=fs.statSync(路径)；console . log(' file size : ' math . ceil(States . size/1024)' kb ')；} PS: taskname是变量，也是任务名称。您可以根据glup taskName定义多个任务并执行不同的任务

(5)执行吞咽命令：吞咽任务名称

(6)成功执行后，检查构建文件是否由all.min.js生成

不要走得太远，忘记为什么开始！