Question

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

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

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

但如果我在步骤3中发现问题，如果js和css缩小，我怎样才能找到它的起源？

当然我错了，所以我应该创建另一份用于开发的wwwroot副本吗？

Answer 1

当您准备好投入生产时，您应该使用grunt任务来uglify / minify您的代码
当你在开发中时，使用另一个grunt任务来复制你的代码或者你可以使用uglify和2个目标：1到uglify和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结构和开发流程

1 个答案: