如何使用已转译的 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是从服务器端设置的。

视图.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 。

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