ASP.Net vNext结构与开发流程

Question

我最近下载了VS15 CTP-6，以获得如何开发下一代VS项目的感觉，但由于代码和www.root的分离，我很难理解开发流程。

我理解它的方式是这个(角度计划)：

1. 开发视图、css和js。
2. 使用grunt任务来丑化css和js，并将它们复制到wwwroot文件夹。
3. 以本地IIS站点的形式浏览www.root以查看更改。
4. 当wwwroot准备生产时，复制它的内容。

但是，如果我在步骤3中发现了一个问题，那么如果js和css被缩小了，我如何找到它的起源呢？

我当然错了，那么，我是否应该创造另一个发展的副本，而不是缩小？

Answer 1

当您准备投入生产时，您应该使用grunt任务来丑化/缩小代码

并在dev中使用其他普通任务复制代码

或者你可以用丑和两个目标:一个去丑陋，一个去美化：

module.exports = function (grunt) {
    grunt.initConfig({
        bower: {
            install: {
                options: {
                    targetDir: "wwwroot/lib",
                    layout: "byComponent",
                    cleanTargetDir: false
                }
            }
        },
        uglify: {
            ugli_target: {
                files: {
                    "wwwroot/scripts/chat.js": ["Scripts/chat.js"]
                }
            },
            beauty_target: {
                options: {
                    beautify: {
                        beautify: true
                    },
                    mangle: false,
                    sourceMap: true
                },
                files: {
                    "wwwroot/scripts/chat.js": ["Scripts/chat.js"]
            }
        }
        }
    });

    // This command registers the default task which will install bower packages into wwwroot/lib
    grunt.registerTask("default", ["bower:install"]);

    // The following line loads the grunt plugins.
    // This line needs to be at the end of this this file.
    grunt.loadNpmTasks("grunt-contrib-uglify");
    grunt.loadNpmTasks("grunt-bower-task");
};