Javascript 脚本文件中的Grunt Js文件路径修订

Javascript 脚本文件中的Grunt Js文件路径修订,javascript,json,node.js,gruntjs,grunt-usemin,Javascript,Json,Node.js,Gruntjs,Grunt Usemin,我正在尝试编写一个grunt任务,它更改脚本文件中的引用文件路径,以便在开发和生产环境中都能工作 不幸的是,这并没有更新我所指的JSON文件的引用路径 开发环境 angular.module('appModernizationApp') .controller('DetailsCtrl', ['$scope', '$http', 'HRS', '$location', '$routeParams',

我正在尝试编写一个grunt任务,它更改脚本文件中的引用文件路径,以便在开发和生产环境中都能工作

不幸的是,这并没有更新我所指的JSON文件的引用路径

开发环境

angular.module('appModernizationApp')
    .controller('DetailsCtrl', ['$scope', '$http', 'HRS', 
                                '$location', '$routeParams',
                                'breadcrumbs', 'UtilitiesService', 
function($scope, $http, HRS, $location, $routeParams, breadcrumbs, UtilitiesService) {

        if (breadcrumbs.breadcrumbs.length >= 3) {
            breadcrumbs.breadcrumbs.splice(1, 1);
        }

        $http.get('../../data/dropdown-data.json').success(function(data) {
            console.log("Data:" + JSON.stringify(data.dropdownData));
        });
在开发环境中,我必须使用。/../data/dropdown data.json,因为文件夹结构如下所示。这个JSON文件是从开发环境中的-scripts/controllers/details.js下面的两个级别引用的

其中作为生产环境如果我有。/data/dropdown data.json,它可以工作,因为压缩和压缩后的文件夹结构如下。JSON文件从scripts/scripts.js1级以下引用

我的生产代码仍然引用文件@location:

$http.get('../../data/dropdown-data.json').success(function(data) {
    console.log("Data:" + JSON.stringify(data.dropdownData));
});
我想自动将其更改为。/data/dropdown data.json

我的咕哝任务:

filerev: {
      dist: {
        src: [
          '<%= yeoman.dist %>/scripts/{,*/}*.js',
          '<%= yeoman.dist %>/styles/{,*/}*.css',
          '<%= yeoman.dist %>/images/{,*/}*.{png,jpg,jpeg,gif,webp,svg}',
          '<%= yeoman.dist %>/styles/fonts/*'
        ]
      }
    },

usemin: {
      html: ['<%= yeoman.dist %>/{,*/}*.html'],
      css: ['<%= yeoman.dist %>/styles/{,*/}*.css'],
      js: ['<%= yeoman.dist %>/scripts/{,*/}*.js'],
      options: {
        assetsDirs: [
          '<%= yeoman.dist %>',
          '<%= yeoman.dist %>/images',
          '<%= yeoman.dist %>/styles'
        ],
        patterns: {
          js: [[/(images\/[^''""]*\.(png|jpg|jpeg|gif|webp|svg))/g,
              'Replacing references to images']]
        }
      }
    },
filerev:{
地区:{
src:[
“/scripts/{,*/}*.js”,
“/styles/{,*/}*.css”,
“/images/{,*/}*{png,jpg,jpeg,gif,webp,svg}”,
“/styles/fonts/*”
]
}
},
usemin:{
html:['/{,*/}*.html'],
css:['/styles/{,*/}*.css'],
js:['/scripts/{,*/}*.js'],
选项:{
资产目录:[
'',
“/图像”,
“/风格”
],
模式:{
js:[/(图像\/[^''“”]*\(png | jpg | jpeg | gif | webp | svg))/g,
'替换对图像的引用']]
}
}
},
有没有一种方法可以自动执行此操作?

插件应该有用插件应该有用