load node_modules with webpack

Question

I want to load some modules, for instance:

• moment
• echarts

My package.json:

• "echarts": "^3.1.10"
• "moment": "^2.14.1"

but I have the next errors:

VM2282:1 Uncaught ReferenceError: moment is not defined(…)

My Webpack config:

{ test: /\\.js$/, loader: 'babel', exclude: /node_modules/ }

I do not know what happend. Can anybody help me?

Answer 1

Add to vendor.ts:

import 'echarts';
import 'moment';

and remove your code from webpack config. This works for me.

Answer 2

import { Component } from '@angular/core';
import * as moment from 'moment';
import '../../public/css/styles.css';
@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent { 

  constructor(){
    let now = moment().format('LLLL');
    console.log(now)
  }
}