ASP.Net vNext 结构和开发流程

Question

我最近下载了 VS15 CTP-6，以了解如何开发下一代 VS 项目，但无法确定我应该遵循的代码和 wwwroot 分离的开发流程。

我的理解是这样的（Angular项目）：

开发视图，css和js。
使用 grunt tasks 进行 uglify 并复制 css 和 js 到 wwwroot 文件夹。
将 wwwroot 作为本地 IIS 站点浏览以查看更改。
当 wwwroot 准备好用于生产时，复制其内容。

但是如果我在第 3 步中发现问题，鉴于 js 和 css 被缩小了，我如何找到它的根源？

我肯定错了，所以我应该创建另一个 wwwroot 的副本用于开发，不缩小吗？

Answer 1

当您准备投入生产时，您应该使用 grunt task uglify/minify 您的代码
当你在 dev
时，使用另一个 grunt 任务来复制你的代码或者您可以将 uglify 与 2 个目标一起使用：1 个用于丑化，1 个用于美化：

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");
};

ASP.Net vNext 结构和开发流程

ASP.Net vNext structure and development flow

visual-studio-2015

asp.net-core