0

настоящего время я использую Угловой Bootstrap Colorpicker (https://github.com/buberdds/angular-bootstrap-colorpicker)Угловая Bootstrap Colorpicker не работает в уменьшенной версии

Он отлично работает, когда я запускаю его на место. Однако, когда я использую Grunt для создания файлов, colorpicker перестает работать. Он не вызывает никаких ошибок, но ничего не делает, когда пользователь нажимает на colorpicker.

Я прикрепить Gruntfile.js:

// Project configuration. 
    grunt.initConfig({ 
     connect: { 
      main: { 
       options: { 
        port: 9001 
       } 
      } 
     }, 
     watch: { 
      main: { 
       options: { 
        livereload: true, 
        livereloadOnError: false, 
        spawn: false 
       }, 
       files: [createFolderGlobs(['*.js', '*.less', '*.html']), '!_SpecRunner.html', '!.grunt'], 
       tasks: [] //all the tasks are run dynamically during the watch event handler 
      } 
     }, 
     jshint: { 
      main: { 
       options: { 
        jshintrc: '.jshintrc' 
       }, 
       src: createFolderGlobs('*.js') 
      } 
     }, 
     clean: { 
      before: { 
       src: ['dist', 'temp'] 
      }, 
      after: { 
       src: ['temp'] 
      } 
     }, 
     less: { 
      production: { 
       options: { 
       }, 
       files: { 
        'temp/app.css': 'app.less' 
       } 
      } 
     }, 
     ngtemplates: { 
      main: { 
       options: { 
        module: pkg.name, 
        htmlmin: '<%= htmlmin.main.options %>' 
       }, 
       src: [createFolderGlobs('*.html'), '!index.html', '!_SpecRunner.html'], 
       dest: 'temp/templates.js' 
      } 
     }, 
     copy: { 
      main: { 
       files: [ 
        { src: ['img/**'], dest: 'dist/' }, 
        { src: ['bower_components/font-awesome/fonts/**'], dest: 'dist/', filter: 'isFile', expand: true }, 
        { src: ['bower_components/bootstrap/fonts/**'], dest: 'dist/', filter: 'isFile', expand: true }, 
        { src: ['deploy.json'], dest: 'dist/', filter: 'isFile', expand: true }, 
        { src: ['common/font/**'], dest: 'dist/', filter: 'isFile', expand: true } 

       ] 
      } 
     }, 
     dom_munger: { 
      read: { 
       options: { 
        read: [ 
         { selector: 'script[data-concat!="false"]', attribute: 'src', writeto: 'appjs' }, 
         { selector: 'link[rel="stylesheet"][data-concat!="false"]', attribute: 'href', writeto: 'appcss' } 
        ] 
       }, 
       src: 'index.html' 
      }, 
      update: { 
       options: { 
        remove: ['script[data-remove!="false"]', 'link[data-remove!="false"]'], 
        append: [ 
         { selector: 'body', html: '<script src="app.full.js"></script>' }, 
         { selector: 'head', html: '<link rel="stylesheet" href="app.full.min.css">' } 
        ] 
       }, 
       src: 'index.html', 
       dest: 'dist/index.html' 
      } 
     }, 
     cssmin: { 
      main: { 
       src: ['temp/app.css', '<%= dom_munger.data.appcss %>'], 
       dest: 'dist/app.full.min.css' 
      } 
     }, 
     concat: { 
      main: { 
       src: ['<%= dom_munger.data.appjs %>', '<%= ngtemplates.main.dest %>'], 
       dest: 'temp/app.full.js' 
      } 
     }, 
     ngAnnotate: { 
      main: { 
       src: 'temp/app.full.js', 
       dest: 'dist/app.full.js' 
      } 
     }, 
     uglify: { 
      main: { 
       src: 'temp/app.full.js', 
       dest: 'dist/app.full.min.js' 
      } 
     }, 
     htmlmin: { 
      main: { 
       options: { 
        collapseBooleanAttributes: true, 
        collapseWhitespace: true, 
        removeAttributeQuotes: true, 
        removeComments: true, 
        removeEmptyAttributes: true, 
        removeScriptTypeAttributes: true, 
        removeStyleLinkTypeAttributes: true 
       }, 
       files: { 
        'dist/index.html': 'dist/index.html' 
       } 
      } 
     } 

Любая помощь будет оценена. Спасибо!

ответ

0

Давайте проверим вашу сборку, чтобы узнать, что хрюканье достается нам.

При сборке поставить эти 2 параметра --debug и --stack

0

У меня была такая же проблема. Я полагаю, вы имеете в index.html ссылку на CSS и к модулю, что-то вроде:

ссылка отн = "таблица стилей" HREF =»../ bower_components/угловой самозагрузки-ColorPicker/CSS/Colorpicker .min.css "

и

сценарий SRC =" ../ bower_components/угловая самозагрузка-Colorpicker/JS/бутстраповский-Colorpicker-module.min.js»

в самом деле, Минимизированный версии не работают должным образом. Именно поэтому я удалил ".min" от index.html и связанных нормальных файлов Размер:

ссылка отн = "таблица стилей" HREF = "../ bower_components/угловой самозагрузки-Colorpicker/CSS/colorpicker.css"

и

сценарий SRC = "../ bower_components/угловая самозагрузка-Colorpicker/JS/бутстраповский-Colorpicker-module.js"

Ничего еще и работал для меня.

Смежные вопросы