如何使用已转译的 gulp "main.js"

Question

我是 Angularjs 1.0 的初学者，我的脚本无法正常工作，所以我使用 gulp 使用下面的代码将 ec6 编译为 ec5。我能够构建它并制作了 main.js。启动应用程序时如何连接它？ npm related commands 不工作。

我在后端使用 MVC5，所以我只需启动它，然后就可以看到项目的进展。

如何使用main.js启动应用程序或调试应用程序？

'use strict';

const gulp = require('gulp');
const browserSync = require('browser-sync').create();
const sass = require('gulp-sass');
const autoprefixer = require('gulp-autoprefixer');
const livereload = require('gulp-livereload');
const concat = require('gulp-concat');

gulp.task('scripts', function () {
    return gulp.src('./Scripts/**/*.js')
        .pipe(concat('main.js'))  
        .pipe(gulp.dest('build/js'));
});




// Compile Sass & Inject Into Browser
gulp.task('sass', function () {
    return gulp.src(['./Content/scss/*.scss'])
        .pipe(sass())
        .pipe(autoprefixer({
            browsers: ['last 2 versions'],
            cascade: false
        }))
        .pipe(gulp.dest("./Content"))
        .pipe(livereload());
});

// Watch Sass & Serve
gulp.task('serve', ['sass'], function () {
    gulp.watch(['./Content/scss/*.scss'], ['sass']);
});

// Default Task
gulp.task('default', ['serve', 'scripts','sass']);

Answer 1

我在 Django 框架中这样做，如下所示： index.html

{% if load_minified_scripts %}
   <script src="{% static "minified_assets/js/site.min.js" %}"></script>
{% else %}
   <script src="{% static "script/app.js" %}"></script>
   <script src="{% static "script/controller.js" %}"></script>
{% endif %}

这个load_minified_scripts是从服务器端设置的。

views.py

@csrf_protect
@requires_csrf_token
def index(request):
    if request.session.session_key is None:
        request.session['has_session'] = True
        request.session.modified = True
    return render(request, 'index.html', {'user': request.user,
                                          'debug': settings.DEBUG,
                                          'session_key': request.session.session_key,
                                          "load_minified_scripts": settings.LOAD_MINIFIED_SCRIPTS}
                  , content_type="text/html")

根据 env，settings.LOAD_MINIFIED_SCRIPTS 正在获取其值。对于 DEV env ，它是 false.

同样，您也可以为其他语言执行此操作。

如何使用已转译的 gulp "main.js"

how to use gulp "main.js" which has been transpiled

html

javascript

angularjs

asp.net-mvc-5

gulp