惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

S
SegmentFault 最新的问题
博客园 - 三生石上(FineUI控件)
爱范儿
爱范儿
博客园 - 聂微东
V
Visual Studio Blog
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
M
MIT News - Artificial intelligence
The GitHub Blog
The GitHub Blog
Recent Announcements
Recent Announcements
有赞技术团队
有赞技术团队
L
LangChain Blog
I
InfoQ
T
Tailwind CSS Blog
博客园 - 【当耐特】
V
V2EX
博客园_首页
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
GbyAI
GbyAI
Vercel News
Vercel News
雷峰网
雷峰网
量子位
A
About on SuperTechFans
Martin Fowler
Martin Fowler
H
Help Net Security

博客园 - stonespawn

Vue 组件库2 Vue 的组件库 算法小题目 VS2019 自动代码补全功能 GIT 删除操作 vue-router 注意事项 Vue中axios访问 后端跨域问题 Vue2.0 搭配 axios Vue 脚手架搭建 Git相关操作及记录 Ajax在调用含有SoapHeader的webservice方法 关于JS 树形结构 导出EXCEL【Web方式HTML通过拼接html中table】 链接点击跳动问题 WatiN——Web自动化测试(三)【弹出窗口处理】 WatiN——Web自动化测试(二) WatiN——Web自动化测试(一) 网页调用服务程序 - stonespawn - 博客园 小问题 小技巧 :创建虚拟目录并将IIS里面.net配置版本设为2.0 - stonespawn
grunt使用入门
stonespawn · 2017-06-28 · via 博客园 - stonespawn

一、首先用npm在global环境安装grunt-cli ,注意在任何目录下 install -g都是一样的 npm install -g grunt-cli

二、安装grunt插件时项目中一定要package.json,所以在项目中加一个最简单的package.json。不然的话插件安装不上。

三、

在项目目录下安装grunt 

npm  instal grunt --save-dev

四、

我在前端项目中经常需要concat和压缩,所以一下只掩饰这两个插件

npm install grunt-contrib-concat grunt-contrib-uglify --save-dev

五、

把开发目录下的所有js,合并到dist目录保存为main.js

concat: {

        dist: {

            // the files to concatenate

            src: ['src/*.js'],

            // the location of the resulting JS file

            dest: 'dist/main.js'

        }

    }

把合并目录下的js,压缩

uglify: {

        dist: {

            files: {

                'dist/main.min.js': ['<%= concat.dist.dest %>']

            }

        }

    }

如果不用'<%= concat.dist.dest %>',而是直接写路径dist/main.js,那很可能在压缩时main.js还没有生成

全部代码如下图

六、运行grunt后结果如下

七、这个是dist文件夹下的内容

原文:http://jingyan.baidu.com/article/546ae185058da31149f28ce1.html