Uglify исходная карта не работает с помощью grunt connect - PullRequest
Новая
       79

Uglify исходная карта не работает с помощью grunt connect

0 голосов
/ 20 сентября 2018

У кого-нибудь есть проблемы с отображением источника uglify при использовании его в grunt connect?Если я не использую Grunt Connect, карта источника будет работать, и мой путь к этим файлам будет следующим: 

<script src="~/dist1/js/vendor.js"></script>
<script src="~/dist1/js/main.js"></script>

Но если я использую Grunt Connect, когда я пытаюсь найти файл вСредства разработчика, это покажет мне пустую страницу, и вот путь к файлам, если я использую grunt connect: 

<script src="http://localhost:8000/js/vendor.js"></script>
<script src="http://localhost:8000/js/main.js"></script>

Вот как выглядит моя конфигурация gruntfile: 

var path = require('path');

module.exports = function (grunt) {

    grunt.initConfig({
        babel: {
            dev: {
                options: {
                    sourceMap: false,
                    presets: ['env']
                },
                files: [{
                    "expand": true,
                    "cwd": "Scripts/main",
                    "src": ["**"],
                    "dest": "Scripts/main/compiled/",
                    "ext": "-compiled.js"
                }]
            }
        },

        mainScripts: [
            'Scripts/main/compiled/myfile-compiled.js',
        ],

        vendorScripts: [
            'node_modules/jquery/dist/jquery.js',
        ],

        uglify: {
            dev: {
                options: {
                    sourceMap: true,
                    beautify: true
                },
                files: {
                    'dist1/js/main.js': '<%= mainScripts %>',
                    'dist1/js/vendor.js': '<%= vendorScripts %>'
                }
            }
        },
        watch: {
            options: {
                livereload: true
            },
            scripts: {
                files: ['Scripts/main/*.js'],
                tasks: ['clean:scripts', 'babel:dev', 'uglify:dev']
            }
        },
        connect: {
            server: {
                options: {
                    base: path.resolve(__dirname, 'dist1'),
                    livereload: true,
                    middleware: function (connect, options, middlewares) {
                        middlewares.unshift(function (req, res, next) {
                            res.setHeader('Access-Control-Allow-Origin', '*');
                            res.setHeader('Access-Control-Allow-Methods', '*');
                            next();
                        });

                        return middlewares;
                    }
                }
            }
        }
    });

    // LOAD TASKS
    grunt.loadNpmTasks('grunt-babel');
    grunt.loadNpmTasks('grunt-contrib-uglify');
    grunt.loadNpmTasks('grunt-contrib-watch');
    grunt.loadNpmTasks('grunt-contrib-connect');

    // REGISTER TASKS FOR ENVIRONMENTS
    grunt.registerTask('dev', [
        'babel:dev',
        'uglify:dev',
        'connect', 
        'watch'
    ]);
}

Любое предложение или помощь будут великолепны!

...