如何告诉grunt-usemin忽略Django的静态模板标签？

这将要求您在视图上下文中定义STATIC_URL(而不是使用src =“{％static’foo / bar.js’％}”您将使用src =“{{STATIC_URL}} foo / bar.js” ).如果不破解grunt-usemin源代码,我无法使{％static％}工作.

所以使用你的例子,这个：

<!-- build:js {{STATIC_URL}}scripts/scripts.js -->
<script src="{{STATIC_URL}}scripts/app.js"></script>
<script src="{{STATIC_URL}}scripts/controllers/main.js"></script>
<script src="{{STATIC_URL}}scripts/controllers/stats.js"></script>
<script src="{{STATIC_URL}}scripts/directives/highchart.js"></script>
<!-- endbuild -->

编译为：

<script src="{{STATIC_URL}}scripts/scripts.js"></script>

为了实现这一点,我不得不添加以下grunt配置(在Gruntfile.js中)：

// custom createConfig script for @R_197_9363@cing Django {{STATIC_URL}} references
// when building config for concat and cssmin
var path = require('path');
function createDjangoStaticConcatConfig(co@R_450_10443@t,block) {
  var cfg = {files: []};
  var staticPattern = /\{\{\s*STATIC_URL\s*\}\}/;

  block.dest = block.dest.@R_197_9363@ce(staticPattern,'');
  var outfile = path.join(co@R_450_10443@t.outDir,block.dest);

  // Depending whether or not we're the last of the step we're not going to output the same thing
  var files = {
    dest: outfile,src: []
  };
  co@R_450_10443@t.inFiles.forEach(function(f) {
    files.src.push(path.join(co@R_450_10443@t.inDir,f.@R_197_9363@ce(staticPattern,'')));
  });
  cfg.files.push(files);
  co@R_450_10443@t.outFiles = [block.dest];
  return cfg;
}


grunt.initConfig({
    /*...*/

    // add a preprocessor to modify the concat config to parse out {{STATIC_URL}} using the above method
    useminPrepare: {
      html: 'app/index.html',options: {
        dest: 'dist',flow: {
          steps: {
            js: [
              {
                name: 'concat',createConfig: createDjangoStaticConcatConfig
              },'uglifyjs'
            ],// also apply it to css files
            css: [
              {
                name: 'cssmin',createConfig: createDjangoStaticConcatConfig
              }
            ]
          },// this property is necessary
          post: {}
        }
      }
    },// add a pattern to parse out the actual filename and remove the {{STATIC_URL}} bit
    usemin: {
      html: ['dist/{,*/}*.html'],css: ['dist/styles/{,*/}*.css'],options: {
        assetsDirs: ['dist'],patterns: {
          html: [[/\{\{\s*STATIC_URL\s*\}\}([^'"]*)["']/mg,'django static']]
        }
      }
    },// if you are using bower,also include the jsPattern to automatically 
    // insert {{STATIC_URL}} when inserTing js files
    'bower-install': {
      app: {
        html: 'app/index.html',jsPattern: '<script type="text/javascript" src="{{STATIC_URL}}{{filePath}}"></script>'
      }
    }
});