Ionic2导入外部Js文件

时间:2017-04-16 17:45:57

标签: javascript angular webpack ionic2

我正在尝试导入外部js库,瞬间进入Ionic 2。 我将时刻模块存储在节点模块中,但似乎web pack不包含在我的项目目录中。

<body>

  <!-- Ionic's root component and where the app will load -->
  <ion-app></ion-app>

  <!-- The polyfills js is generated during the build process -->
  <script src="build/polyfills.js"></script>

  <!-- The bundle js is generated during the build process -->
  <script src="build/main.js"></script>

  <script src="node_modules/moment/moment.js"></script>

</body>

但是,当我查看浏览器时,它不包含在节点模块中

enter image description here

我有时间安装在我的nose_modules中但是当离子构建时它不会在我的浏览器中显示为文件

我正在使用Ionic 2和Angular 2.我的猜测是,我需要指定一下如何通过模块或网络包来知道如何做到这一点?

**编辑** 这是ts页面类

import { Component } from '@angular/core';
import { NavController, NavParams } from 'ionic-angular';
import { User } from '../../models/user';
import { Users } from '../../providers/users';
import moment from 'moment';


@Component({
  selector: 'page-profile',
  templateUrl: 'profile.html'
})
export class ProfilePage {

    userId: number;
    user: User;

    getAge = () => {
        if (this.user) {
            return moment().diff(this.user.birthday, 'years');
        }
    }

    constructor(public navCtrl: NavController, public navParams: NavParams, private usersProvider: Users) {

        this.userId = navParams.get('userId');

        usersProvider.get(this.userId).subscribe(user => {
            this.user = user;
            console.log(user)
        });
    }

  ionViewDidLoad() {
    console.log('ionViewDidLoad ProfilePage');
  }
}

1 个答案:

答案 0 :(得分:1)

您只需要执行如下所示的操作。不需要做任何特别的事情。

请参阅official doc here

npm install moment --save

<强> .TS

import moment from 'moment';

例如

let month = moment(date).format('MMMM');