grunt+seajs构建笔记

论坛 期权论坛 脚本     
匿名技术用户   2021-1-7 05:40   73   0

1、步骤,配置package.json,然后cd 进入相应的目录 npm install 安装依赖的插件

 
  1. {
  2. "name": "webqq",
  3. "version": "0.1.0",
  4. "devDependencies": {
  5. "grunt" : "~0.4.2",
  6. "grunt-cmd-transport" : "~0.3.0",
  7. "grunt-cmd-concat" : "~0.2.7",
  8. "grunt-contrib-uglify" : "~0.3.2"
  9. }
  10. }

2、配置Gruntfile.js 首字母G一定要大写, 然后grunt 执行即可

 
  1. module.exports = function(grunt) {
  2. grunt.initConfig({
  3. pkg: grunt.file.readJSON('package.json'),
  4. transport : {//提取js的id路径插件
  5. webqq : {//webqq是名字随便去
  6. files : {
  7. 'build' : ['js/a.js','js/b.js']
  8. }
  9. }
  10. },
  11. concat : {
  12. webqq : {
  13. files : {
  14. 'dist/js/a.js' : ['build/js/a.js','build/js/b.js']
  15. }
  16. }
  17. },
  18. uglify : {
  19. webqq : {
  20. files : {
  21. 'dist/js/a.min.js' : ['dist/js/a.js']
  22. }
  23. }
  24. }
  25. });
  26. grunt.loadNpmTasks('grunt-cmd-transport');
  27. grunt.loadNpmTasks('grunt-cmd-concat');
  28. grunt.loadNpmTasks('grunt-contrib-uglify');
  29. grunt.registerTask('default', ['transport','concat','uglify']);
  30. };

3、seajs.use(‘模块名’) 中的模块名一定要和构建后的id一致,否则会报错

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:7942463
帖子:1588486
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP