如何使用已被编译的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。

类似地，您也可以使用其他语言。