位置: 编程技术 - 正文
推荐整理分享Node.js的项目构建工具Grunt的安装与配置教程(node.js项目结构),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:node.js项目结构,node.js构建工具,node.js构建工具,nodejs在项目中的作用,nodejs构建,nodejs在项目中的作用,node.js项目结构,nodejs在项目中的作用,内容如对您有帮助,希望把文章链接给更多的朋友!
Grunt 基于 Node.js ,用 JS 开发,这样就可以借助 Node.js 实现跨系统跨平台的桌面端的操作,例如文件操作等等。此外,Grunt 以及它的插件们,都作为一个 包 ,可以用 NPM 安装进行管理。所以 NPM 生成的 package.json 项目文件,里面可以记录当前项目中用到的 Grunt 插件,而 Grunt 会调用 Gruntfile.js 这个文件,解析里面的任务(task)并执行相应操作。
安装 Grunt-cli其实是安装 Grunt-cli ,这里安装Grunt的命令行支持(command line interface,简称CLI),在这之后,命令提示符中将会识别grunt命令。安装grunt-cli 并不能称为安装Grunt完毕。这是因为,Grunt本身不是全局使用的,任何具体的工作目录,如果要使用Grunt,都需要安装一次Grunt。这样做也是因为不同的工作目录,需要通过Grunt做的自动化工作也不同,因此需要独立配置。
—save-dev 参数,表示会把刚安装的东西添加到 package.json 文件中。
生成 package.json 文件npm对工作目录有一个要求。这个要求是:根目录位置处有一个package.json文件。这个文件定义了工作目录对应的一些项目信息(名字,描述),以及包(就是npm模块)依赖关系。执行下面命令便可以初始化
为当前工作目录安装Grunt和需要的插件方法1之前我们把Grunt安装到了全局目录下,现在需要引入到当前项目路径,与此同时,所需要的插件可能有这些:
合并文件:grunt-contrib-concat语法检查:grunt-contrib-jshintScss 编译:grunt-contrib-sass压缩文件:grunt-contrib-uglify监听文件变动:grunt-contrib-watch建立本地服务器:grunt-contrib-connect安装它们的方式可以是:
这个时候package.json文件夹里多出了一些代码。
方法2-手动更改package.json
手动在package.json文件里面添加这个字段,将需要依赖的包添加进去,如果只需安装最新版本,可以改成 * ,然后执行npm install,会发现文件夹里多了node_modules文件夹,里面存放的就是我们需要的插件。
配置一般来说,直接使用模板作为配置文件。
grunt.loadNpmTasks()是加载插件任务。其实就是说,你如果要使用哪个插件的功能,请在这部分用这句代码把插件任务添加进去。grunt.registerTask()是注册任务,默认有一个default。默认的意思就是说,你最后使用的时候,在目录的命令提示符里直接输入grunt便可以执行注册的任务,相当于执行了default这个任务。
使用自定义任务可以注册更多的任务命令,使用其他的命名。比如
对应使用的时候,输入:
NodeJS连接MongoDB数据库时报错的快速解决方法 今天第一次尝试连接MongoDB数据库,具体步骤也很简单。首先,通过NodeJS运行环境安装MongoDB包,进入要安装的目录,执行语句npminstallmongodb安装成功后,
Node.js返回JSONP详解 在使用JQuery的Ajax从服务器请求数据或者向服务器发送数据时常常会遇到跨域无法请求的错误,常用的解决办法就是在Ajax中使用JSONP。基于安全性考虑,
Node.js刷新session过期时间的实现方法推荐 在Node.js中,我们通常使用express-session这个包来使用和管理session,保存服务端和客户端浏览器之间的会话状态。那如何才能实现当用户刷新当前页面或者
标签: node.js项目结构
本文链接地址:https://www.jiuchutong.com/biancheng/370731.html 转载请保留说明!友情链接: 武汉网站建设