MVC6新的缩小版本和Bower / NPM捆绑在一起

Question

我开始了解ASP.NET 5和MVC 6的最新知识，并且看到很多有关Bower VS NPM的互联网帖子。

• 默认启动的MVC模板同时使用两者 ，这是任务运行器（gulp）所需的功能，还是有其他原因？

• 第二个问题是关于资源路径的，在MVC <6中，您可以声明一个相对路径来研究缩小/捆绑的js / css。 这样，每个MVC视图将有其自己的通往其自己特定js / css的路径。 我该怎么做？

• 在MVC <6中，启用调试（默认设置）时，js / css不会最小化，因此它保持可读性。 我看到在环境变量上使用类似if语句的选项

  环境名称=“开发”>脚本路径

另一个用于视图中的生产。 这似乎很麻烦，是否有一个简单的解决方案，可以在调试中不进行最小化，而不必两次列出所有路径（一条缩小而另一条没有列出）？

Answer 1

有一种版本的watch可以缩小您的js文件，而另一种版本则可以。 无论哪种方式，您所有的项目路径都可以指向内置的js文件，以防止为开发或生产而来回切换。 您需要将缩小的内容从下面的“脚本”任务中分解出来，并创建一个可以完成此任务的任务。

//Concatenate & Minify JS
gulp.task('minscripts', function () {
    return gulp.src(config.alljs, { base: 'public/' })
        .pipe($.concat('all.js'))
        .pipe(gulp.dest('_build'))
        .pipe($.rename('all.min.js'))
        .pipe($.uglify())
        .pipe(gulp.dest(config.build));
});

gulp.task('scripts', function () {
    return gulp.src(config.alljs, { base: 'public/' })
        .pipe($.concat('all.js'))
        .pipe(gulp.dest('_build'))
        .pipe($.rename('all.min.js'))
        .pipe(gulp.dest(config.build));
});

gulp.task('watchWith', function () {
    gulp.watch('public/app/views/*.js', ['lint', 'minscripts']); //<- runs 'scripts' here
    gulp.watch('public/css/*.less', ['less']);
});

gulp.task('watchWithout', function () {
    gulp.watch('public/app/views/*.js', ['lint', 'scripts']);
    gulp.watch('public/css/*.less', ['less']);
});