System.js 使用gulp打包 什么方法可以让config中有bundles配置

发布于 2022-09-01 19:52:28 字数 1428 浏览 11 评论 0

var gulp = require('gulp');
var clean = require('gulp-clean');
var concat  = require('gulp-concat');
var uglify  = require('gulp-uglify');
var htmlreplace = require('gulp-html-replace');//页面替换
var jspm = require('jspm');

//清空dist
gulp.task('clean', function() {
    return gulp.src(['./dist'], {read: false})
        .pipe(clean({force: true}));
});

gulp.task('public',['clean'],function(){
    gulp.src('./public/**').pipe(gulp.dest('./dist/public'));
})

gulp.task('jspm',['public'],function(){
    jspm.setPackagePath('.');
    jspm.bundle('source/app','./dist/build.js',{
        sourceMaps:false,
        minify:true,

    }).then(function(){
        gulp.src([
            './jspm_packages/system.js',
            './config.js'
        ])
            .pipe(concat('system.min.js'))
            .pipe(uglify())
            .pipe(gulp.dest('./dist'))


        gulp.src('./public/index.html')
            .pipe(htmlreplace({
                system_js:'../system.min.js',
            }))
            .pipe(gulp.dest('./dist/public'))

        console.log('执行成功!');
    })
});

怎么让config.js有下面这个代码

  bundles: {
    "build.js": [
      "source/app.js",
      "npm:jquery@2.1.4",
      "github:angular/bower-angular@1.4.6",
      "source/core/core-module.js",
      "npm:jquery@2.1.4/dist/jquery",
      "source/service/ApiConfig.js",
      "source/env.js"
      ]
  }

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

神魇的王 2022-09-08 19:52:28

已解决
打包使用 jspm.bundleSFX()方法

gulp.task('weixin',['weinxinclean'],function(){
    var v = new Date().getTime();
    console.log('开始任务');
    jspm.setPackagePath('./');
    console.log('设置包路径');
    jspm.bundleSFX('./source/app-weixin.js','./dist/weixin/weixin-'+v+'.js',{
        sourceMaps:false,
        minify:true
    }).then(function(){
        console.log('打包weixin.js完成');

        gulp.src('./public/index.html')
            .pipe(htmlreplace({
                app_js:{
                    src: null,
                    tpl: '<script src="/chat/dist/weixin/weixin-'+v+'.js">            </script>'
                }
            }))
            .pipe(gulp.dest('./dist/weixin'))

        console.log('执行成功!');
    })
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文