栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

如何使用Grunt.js(0.3.x)连接和缩小多个CSS和JavaScript文件

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

如何使用Grunt.js(0.3.x)连接和缩小多个CSS和JavaScript文件

concat.js已包含在

concat
任务的源文件中
public/js/*.js
。您可能需要执行以下任务:
concat.js
再次连接之前将其删除(如果文件存在),传递一个数组以显式定义要连接的文件及其顺序,或者更改项目的结构。

如果要进行后者,则可以将所有源代码

./src
和构建文件放在下面
./dest

src├── css│   ├── 1.css│   ├── 2.css│   └── 3.css└── js    ├── 1.js    ├── 2.js    └── 3.js

然后设置您的 concat 任务

concat: {  js: {    src: 'src/js/*.js',    dest: 'dest/js/concat.js'  },  css: {    src: 'src/css/*.css',    dest: 'dest/css/concat.css'  }},

您的 最小 任务

min: {  js: {    src: 'dest/js/concat.js',    dest: 'dest/js/concat.min.js'  }},

内置 min 任务使用UglifyJS,因此您需要替换。我发现grunt-css非常好。安装后,将其加载到您的grunt文件中

grunt.loadNpmTasks('grunt-css');

然后设置

cssmin: {  css:{    src: 'dest/css/concat.css',    dest: 'dest/css/concat.min.css'  }}

请注意,用法类似于内置的min。

将您的

default
任务更改为

grunt.registerTask('default', 'concat min cssmin');

现在,运行

grunt
将产生您想要的结果。

dest├── css│   ├── concat.css│   └── concat.min.css└── js    ├── concat.js    └── concat.min.js


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/442492.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号