我无法将购买的Web模板集成到Meteor中

Question

感谢您的阅读

我有一个问题，我希望有一些方向，因为我总是只使用bootstrap。从不使用css，js或模板。但这种情况不同。

我在wrapbootstrap.com上买了一个模板 如你所知，这个模板带有一个大的数字文件，如js，img，字体，当然还有html。当然并不总是这个包在NPM中，这都是一个问题，因为如果只有一个丢失的文件，由于某种原因许多组件不像我期望的那样工作。因此，解决方案虽然没有优雅但有效，但是复制并粘贴我在流星的正确目录中购买的这些文件。

我需要将此模板集成到meteor中，我在web Meteor.startup()帮助中找到了。这段代码有点帮助解决，但没有解决问题。

我有下一期： 有时模板很好，工作正常，非常好，有时是非常，非常糟糕和无限的错误。 接下来一个img

正如你所看到的：右边的窗户是完美的，永恒的。左边的窗口很糟糕，有错误。 为什么？有时好，有时不好

接下来是我的文件结构：

我的文件 client / main.js 有下一行：

import angular from 'angular';
import angularMeteor from 'angular-meteor';
import uiRouter from 'angular-ui-router';

import 'bootstrap/dist/css/bootstrap.css';
import 'bootstrap/dist/js/bootstrap.js';

import {name as Inicio} from '../imports/ui/components/views/inicio/inicio';

class Main {} // EMPYT

Meteor.startup(function () {$.getScript('js/jquery-2.1.3.min.js', function () {});});
Meteor.startup(function () {$.getScript('bootstrap/js/bootstrap.min.js', function () {});});
Meteor.startup(function () {$.getScript('js/jquery.superslides.min.js', function () {});});
Meteor.startup(function () {$.getScript('js/jquery.mb.YTPlayer.min.js', function () {});});
Meteor.startup(function () {$.getScript('js/jquery.magnific-popup.min.js', function () {});});
Meteor.startup(function () {$.getScript('js/owl.carousel.min.js', function () {});});
Meteor.startup(function () {$.getScript('js/jquery.simple-text-rotator.min.js', function () {});});
Meteor.startup(function () {$.getScript('js/imagesloaded.pkgd.js', function () {});});
Meteor.startup(function () {$.getScript('js/isotope.pkgd.min.js', function () {});});
Meteor.startup(function () {$.getScript('js/packery-mode.pkgd.min.js', function () {});});
Meteor.startup(function () {$.getScript('js/appear.js', function () {});});
Meteor.startup(function () {$.getScript('js/jquery.easing.1.3.js', function () {});});
Meteor.startup(function () {$.getScript('js/wow.min.js', function () {});});
Meteor.startup(function () {$.getScript('js/jqBootstrapValidation.js', function () {});});
Meteor.startup(function () {$.getScript('js/jquery.fitvids.js', function () {});});
Meteor.startup(function () {$.getScript('js/jquery.parallax-1.1.3.js', function () {});});
Meteor.startup(function () {$.getScript('js/smoothscroll.js', function () {});});
Meteor.startup(function () {$.getScript('http://maps.google.com/maps/api/js?sensor=true', function () {});});
Meteor.startup(function () {$.getScript('js/gmaps.js', function () {});});
Meteor.startup(function () {$.getScript('js/contact.js', function () {});});
Meteor.startup(function () {$.getScript('js/custom.js', function () {});});

const name = 'main';

export default angular.module('myApp', [
    angularMeteor,
    uiRouter,
    Inicio
])
    .config(config);

function config($locationProvider, $urlRouterProvider, $stateProvider) {
    'ngInject';
    $locationProvider.html5Mode(true);
    $urlRouterProvider.otherwise('/inicio');

}

我的问题：

• 导入这样的文件是一种好方法吗？
• 我做错了什么？
• 存在其他方式？

由于我不了解文件结构文档，请提供帮助。 我需要一个例子。 感谢您的时间并阅读

附加说明：

• 我的文件client/main.less是empyt，与之没有冲突
• /lib目录是empyt
• 使用Angular，AngularMeteor，UiRoute
• 目前，所有html都在imports\ui\components\views\inicio\inicio.html
• 在名称之前使用数字重命名js文件，如_1appear.js，模板不能正常工作
• 加载顺序就像模板所示，就像我的client/main.js一样。
• 如果我将我的js文件放入client/compatibility会出现更多错误。
• 我是Meteor中的新人，但不是Tempaltes Web中的我，我用自耕农和咕噜声整合了更多的模板，没有任何问题，但在流星中是非常困难的。

Answer 1

您需要将这些文件移植到使用模块（或在npm上查找已包装的版本），以便它们可以与其他JS代码以正确的顺序捆绑在一起。