Question

我想在我的cli生成的Angular 2项目中使用PhotoSwipe（http://photoswipe.com/）。我尝试使用此项目中的组件https://github.com/wollio/angular2_photoswipe，但它对我没有用。我不知道用于构建的angular-cli.json配置。（没有build.js了）

来自Wolli的build.js：

 map: {
   'typescript': './node_modules/typescript/lib/typescript.js',
   '@angular': path.resolve('node_modules/@angular'),
   'rxjs': path.resolve('node_modules/rxjs'),
   'photoswipe': './node_modules/photoswipe/dist/photoswipe.js',
   'PhotoSwipeUI_Default': './node_modules/photoswipe/dist/photoswipe-ui-default.js'
  },

后来他做了其他一些事情。

var photoswipeImages = [];
photoswipeImages.push({mimeType: 'image/svg+xml', imgName: 'default-skin.png', replaceWith: ""});
photoswipeImages.push({mimeType: 'image/png', imgName: 'default-skin.svg', replaceWith: ""});
photoswipeImages.push({mimeType: 'image/gif', imgName: 'preloader.gif', replaceWith: ""});
var photoswipeDefaultSkin = fs.readFileSync('./node_modules/photoswipe/dist/default-skin/default-skin.css', 'utf-8');
photoswipeImages.forEach(function (img, index, array) {
  var data = fs.readFileSync('./node_modules/photoswipe/dist/default-skin/' + img.imgName, "utf8");
  var base64data = new Buffer(data).toString('base64');
  var regEx = new RegExp(img.imgName, 'gm');
  photoswipeDefaultSkin = photoswipeDefaultSkin.replace(regEx, "data:"+img.mimeType+";base64,"+base64data);
  if (index === array.length - 1) {
    fs.writeFile('./default-skin.css', photoswipeDefaultSkin);
  }
});


builder.config(config);
builder.buildStatic('photoswipe', 'vendor/photoswipe.js', {
  globalName: 'PhotoSwipe'
});
builder.buildStatic('PhotoSwipeUI_Default', 'vendor/photoswipeui.js', {
  globalName: 'PhotoSwipeUI_Default'
});
builder
.bundle('vendor/photoswipe & vendor/photoswipeui & index', path.resolve(__dirname, 'bundles/', pkg.name + '.js'))
.then(function() {
  console.log('Build complete.');
})
.catch(function(err) {
  console.log('Error', err);

你可以在Github上看到它。任何人都可以帮助我在CLI生成的项目中使用它吗？

将PhotoSwipe与cli生成的Angular 2项目一起使用（不带System.js）

0 个答案: