grunt serve在index.html中刪除對openlayers.js的引用

Question

我已經開始使用yoeman使用webapp生成器的項目。

我已經安裝了開包層並添加下面一行到我的index.html

除了要複製一些參考KML文件的gruntfile是不變，因爲自耕農產生它 在哪裏尋找任何建議這個問題的靈魂。 // 2014-12-09生成使用 // generator-webapp 0.5.1 'use strict';

// # Globbing 
// for performance reasons we're only matching one level down: 
// 'test/spec/{,*/}*.js' 
// If you want to recursively match all subfolders, use: 
// 'test/spec/**/*.js' 

module.exports = function (grunt) { 

// Time how long tasks take. Can help when optimizing build times 
require('time-grunt')(grunt); 

// Load grunt tasks automatically 
require('load-grunt-tasks')(grunt); 

// Configurable paths 
var config = { 
app: 'app', 
dist: 'dist' 
}; 

// Define the configuration for all the tasks 
grunt.initConfig({ 

// Project settings 
config: config, 

// Watches files for changes and runs tasks based on the changed files 
watch: { 
    bower: { 
    files: ['bower.json'], 
    tasks: ['wiredep'] 
    }, 
    js: { 
    files: ['<%= config.app %>/scripts/{,*/}*.js'], 
    tasks: ['jshint'], 
    options: { 
     livereload: true 
    } 
    }, 
    jstest: { 
    files: ['test/spec/{,*/}*.js'], 
    tasks: ['test:watch'] 
    }, 
    gruntfile: { 
    files: ['Gruntfile.js'] 
    }, styles: { 
    files: ['<%= config.app %>/styles/{,*/}*.css'], 
    tasks: ['newer:copy:styles', 'autoprefixer'] 
    }, 
    livereload: { 
    options: { 
     livereload: '<%= connect.options.livereload %>' 
    }, 
    files: [ 
     '<%= config.app %>/{,*/}*.html', 
     '.tmp/styles/{,*/}*.css', 
     '<%= config.app %>/images/{,*/}*' 
    ] 
    } 
}, 

// The actual grunt server settings 
connect: { 
    options: { 
    port: 9000, 
    open: true, 
    livereload: 35729, 
    // Change this to '0.0.0.0' to access the server from outside 
    hostname: 'localhost' 
    }, 
    livereload: { 
    options: { 
     middleware: function(connect) { 
     return [ 
      connect.static('.tmp'), 
      connect().use('/bower_components', connect.static('./bower_components')), 
      connect.static(config.app) 
     ]; 
     } 
    } 
    }, 
    test: { 
    options: { 
     open: false, 
     port: 9001, 
     middleware: function(connect) { 
     return [ 
      connect.static('.tmp'), 
      connect.static('test'), 
      connect().use('/bower_components', connect.static('./bower_components')), 
      connect.static(config.app) 
     ]; 
     } 
    } 
     }, 
    dist: { 
    options: { 
     base: '<%= config.dist %>', 
     livereload: false 
    } 
    } 
}, 

// Empties folders to start fresh 
clean: { 
    dist: { 
    files: [{ 
     dot: true, 
     src: [ 
     '.tmp', 
     '<%= config.dist %>/*', 
     '!<%= config.dist %>/.git*' 
     ] 
    }] 
    }, 
    server: '.tmp' 
}, 

// Make sure code styles are up to par and there are no obvious mistakes 
jshint: { 
    options: { 
    jshintrc: '.jshintrc', 
    reporter: require('jshint-stylish') 
    }, 
    all: [ 
    'Gruntfile.js', 
    '<%= config.app %>/scripts/{,*/}*.js', 
    '!<%= config.app %>/scripts/vendor/*', 
    'test/spec/{,*/}*.js' 
    ] 
}, 

// Mocha testing framework configuration options 
mocha: { 
    all: { 
    options: { 
     run: true, 
     urls: ['http://<%= connect.test.options.hostname %>:<%= connect.test.options.port %>/index.html'] 
    } 
    } 
}, 
    // Add vendor prefixed styles 
autoprefixer: { 
    options: { 
    browsers: ['> 1%', 'last 2 versions', 'Firefox ESR', 'Opera 12.1'] 
    }, 
    dist: { 
    files: [{ 
     expand: true, 
     cwd: '.tmp/styles/', 
     src: '{,*/}*.css', 
     dest: '.tmp/styles/' 
    }] 
    } 
}, 

// Automatically inject Bower components into the HTML file 
wiredep: { 
    app: { 
    ignorePath: /^\/|\.\.\//, 
    src: ['<%= config.app %>/index.html'], 
    exclude: ['bower_components/bootstrap/dist/js/bootstrap.js'] 
    } 
}, 

// Renames files for browser caching purposes 
rev: { 
    dist: { 
    files: { 
     src: [ 
     '<%= config.dist %>/scripts/{,*/}*.js', 
     '<%= config.dist %>/styles/{,*/}*.css', 
     '<%= config.dist %>/images/{,*/}*.*', 
     '<%= config.dist %>/styles/fonts/{,*/}*.*', 
     '<%= config.dist %>/*.{ico,png}' 
     ] 
    } 
    } 
}, 

// Reads HTML for usemin blocks to enable smart builds that automatically 
// concat, minify and revision files. Creates configurations in memory so 
// additional tasks can operate on them 
useminPrepare: { 
    options: { 
    dest: '<%= config.dist %>' 
    }, 
    html: '<%= config.app %>/index.html' 
}, 

// Performs rewrites based on rev and the useminPrepare configuration 
usemin: { 
    options: { 
    assetsDirs: [ 
     '<%= config.dist %>', 
     '<%= config.dist %>/images', 
     '<%= config.dist %>/styles' 
    ] 
    }, 
    html: ['<%= config.dist %>/{,*/}*.html'], 
    css: ['<%= config.dist %>/styles/{,*/}*.css'] 
}, 

// The following *-min tasks produce minified files in the dist folder 
imagemin: { 
    dist: { 
    files: [{ 
     expand: true, 
     cwd: '<%= config.app %>/images', 
     src: '{,*/}*.{gif,jpeg,jpg,png}', 
     dest: '<%= config.dist %>/images' 
    }] 
    } 
}, 

svgmin: { 
    dist: { 
    files: [{ 
     expand: true, 
     cwd: '<%= config.app %>/images', 
     src: '{,*/}*.svg', 
     dest: '<%= config.dist %>/images' 
    }] 
    } 
}, 
    htmlmin: { 
    dist: { 
    options: { 
     collapseBooleanAttributes: true, 
     collapseWhitespace: true, 
     conservativeCollapse: true, 
     removeAttributeQuotes: true, 
     removeCommentsFromCDATA: true, 
     removeEmptyAttributes: true, 
     removeOptionalTags: true, 
     removeRedundantAttributes: true, 
     useShortDoctype: true 
    }, 
    files: [{ 
     expand: true, 
     cwd: '<%= config.dist %>', 
     src: '{,*/}*.html', 
     dest: '<%= config.dist %>' 
    }] 
    } 
    }, 

// By default, your `index.html`'s <!-- Usemin block --> will take care 
// of minification. These next options are pre-configured if you do not 
// wish to use the Usemin blocks. 
// cssmin: { 
// dist: { 
//  files: { 
//  '<%= config.dist %>/styles/main.css': [ 
//   '.tmp/styles/{,*/}*.css', 
//   '<%= config.app %>/styles/{,*/}*.css' 
//  ] 
//  } 
// } 
// }, 
// uglify: { 
// dist: { 
//  files: { 
//  '<%= config.dist %>/scripts/scripts.js': [ 
//   '<%= config.dist %>/scripts/scripts.js' 
//  ] 
//  } 
// } 
// }, 
// concat: { 
// dist: {} 
// }, 

// Copies remaining files to places other tasks can use 
copy: { 
    dist: { 
    files: [{ 
     expand: true, 
     dot: true, 
     cwd: '<%= config.app %>', 
     dest: '<%= config.dist %>', 
     src: [ 
     '*.{ico,png,txt}', 
     'images/{,*/}*.webp', 
     '{,*/}*.html', 
     'styles/fonts/{,*/}*.*', 
     'kmlfiles/{,*/}*.kml' 
     ] 
    }, { 
     src: 'node_modules/apache-server-configs/dist/.htaccess', 
     dest: '<%= config.dist %>/.htaccess' 
    }, { 
     expand: true, 
     dot: true, 
     cwd: 'bower_components/bootstrap/dist', 
     src: 'fonts/*', 
     dest: '<%= config.dist %>' 
    }] 
    }, 
    styles: { 
    expand: true, 
    dot: true, 
    cwd: '<%= config.app %>/styles', 
    dest: '.tmp/styles/', 
    src: '{,*/}*.css' 
    } 
}, 

// Run some tasks in parallel to speed up build process 
concurrent: { 
    server: [ 
    'copy:styles' 
    ], 
    test: [ 
    'copy:styles' 
    ], 
    dist: [ 
    'copy:styles', 
    'imagemin', 
    'svgmin' 
    ] 
} 
}); 

Answer 1

既然你不顯示你的HTML文件的變化，我只能假設你把你的參考之間的鮑爾/ endbower標籤。您的咕嚕電話將取代這些標籤與安裝有涼亭的模塊之間的所有內容。