var gulp = require('gulp');
var sass = require('gulp-sass');
var runSequence = require('run-sequence');
var changed = require('gulp-changed');
var plumber = require('gulp-plumber');
var to5 = require('gulp-babel');
var sourcemaps = require('gulp-sourcemaps');
var paths = require('../paths');
var compilerOptions = require('../babel-options');
var assign = Object.assign || require('object.assign');
// transpiles changed es6 files to SystemJS format
// the plumber() call prevents 'pipe breaking' caused
// by errors from other gulp plugins
// https://www.npmjs.com/package/gulp-plumber
gulp.task('build-system', function () {
return gulp.src(paths.source)
.pipe(plumber())
.pipe(changed(paths.output, {extension: '.js'}))
.pipe(sourcemaps.init({loadMaps: true}))
.pipe(to5(assign({}, …1)它是克隆回购还是从版本拉出来？据我所知,它是从版本中提取的.
2)可以通过选项覆盖它,就像为特定版本指定@version一样.即我想从发布分支中提取特定的zip或者只是克隆repo
我问的原因是,让我们看看https://github.com/Dogfalo/materialize/releases看看v 0.96.0,你可以看到它有4个不同的发布zip文件,jspm怎么知道哪个得到？
我开始为materialize编写一个覆盖并将其添加到jspm注册表但是我遇到了一个问题,对于我我想要整个repo,因为它除了css和js之外还包含sass文件,但是jspm当前的方式如果你使用这个命令jspm install materialize=github:dogfalo/materialize@0.96.0安装materialize,它会安装不包含sass文件的materialize-v0.96.0.zip发行版,而不是我想要的源代码zip或repo的克隆.
我一直在研究这个问题,我不能让这个工作,我准备把电脑扔出窗外!
使用Aurelia的skeleton-nav安装bootstrap-material- desing,使用jspm install bootstrap-material.然后在app.js中将其添加为bootstrap下面的导入
import 'bootstrap';
import 'bootstrap/css/bootstrap.css!';
import 'bootstrap-material';
@inject(Router)
export class App {
css和js导入很好,但初始化js是问题所在的地方.你通过调用$ .material.init()来初始化它,这段代码会增加涟漪效果,所以当你点击一个按钮时你会得到一个波纹或像波浪一样动画,这就是问题所在,让$ .material.init()正确地在Aurelia中工作
1)在gitter上有一些帮助之后你可以使用attach()回调来运行这段代码,但这只适用于每个类,所以每个页面/类我都要添加
//attached() {
// $.material.init();
//}
作为一个替代上面的人gitter建议使用路由器管道调用它,我试过这个,仍然无法在每个页面上加载它,当我添加像这样的文档添加到管道
config.addPipelineStep('modelbind', BSMaterial);
然后
class BSMaterial {
run(routingContext, next) {
$.material.init();
console.log('bsmaterial fired');
return next();
//
} }
这部分工作,如果你点击导航链接,然后你得到涟漪效果,但尝试点击提交按钮没有涟漪效果,所以它似乎不适用于每个类,但只是路由器,我猜
另一个问题是bs材质的另一个影响,你可以将css类添加到一个名为的输入控件
floating-label
,然后当您单击输入控件时,占位符文本向上移动然后在失去焦点时向下移动,但是使用Aurelia,您可以看到占位符文本已经向上移动.如果你删除了value.bind,即删除value.bind="firstName"那么占位符动画就像它应该在onfocus和lostfocus上一样动画,所以有一些东西正在发生,值得干扰.
得到像这个材料设计jquery插件一样简单的东西不是很难,我甚至都没有尝试与Aurelia交互,我只是希望它能像你通过脚本将它添加到普通的html页面一样工作标签.我知道我只是不了解Aurelia.
任何帮助这项工作都会很棒.
当前app.js尝试使用管道方法
import {inject} from 'aurelia-framework';
import {Router} from 'aurelia-router';
import 'bootstrap';
import 'bootstrap/css/bootstrap.css!';
import 'bootstrap-material';
@inject(Router)
export class App {
constructor(router) {
this.router = router;
this.router.configure(config => { …twitter-bootstrap material-design aurelia bootstrap-material-design
我有Aurelia,Electron和Webpack工作,但我想包括Syncfusion的CDN版本.在普通的Web应用程序中,您可以将其包含在HTML文件中,但是如何将其包含在Aurelia Electron Webpack应用程序中？
在我的app.html我有以下代码:
<require from="http://cdn.syncfusion.com/js/assets/external/jquery-1.10.2.min.js"></require>
<require from="http://cdn.syncfusion.com/js/assets/external/jsrender.min.js"></require>
<require from="http://cdn.syncfusion.com/16.3.0.29/js/web/ej.web.all.min.js"></require>