前端grunt 配置 concat

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端grunt 配置 concat相关的知识,希望对你有一定的参考价值。

需求:前端切页面,每个页面公共头部尾部

 1 module.exports=function(grunt){
 2     
 3     // Project configuration.
 4     grunt.initConfig({
 5         pkg: grunt.file.readJSON(‘package.json‘),
 6         concat: {
 7             one:{
 8                 src:[‘cixi/html/头部.html‘,‘cixi/html/1.html‘,‘cixi/html/尾部.html‘],
 9                 dest:‘cixi/html/测试.html‘
10             }
11         },
12         watch:{
13             html:{
14                 files: [‘cixi/html/*.html‘],
15                   tasks: [‘concat‘]
16             }
17         }
18     });
19     // 加载包含 "uglify" 任务的插件。
20     grunt.loadNpmTasks(‘grunt-contrib-concat‘);
21     
22     grunt.loadNpmTasks(‘grunt-contrib-watch‘);
23 
24     // 默认被执行的任务列表。
25     grunt.registerTask(‘default‘, [‘concat‘,‘watch‘]);
26 
27 };

 

以上是关于前端grunt 配置 concat的主要内容,如果未能解决你的问题,请参考以下文章

前端自动化工具 grunt 插件之 concat 和 uglify 的联合使用

带有 grunt 的 Concat bower 组件

未找到兼容版本:grunt-contrib-concat@'node_modules/grunt-contrib-concat'

前端自动化工具 -- Grunt 使用简介

grunt-concat 分隔符选项?

前端集成解决方案[创建任务]