angularjs - 带有 webpack 的角度计时器

Question

我尝试将 angular-timer 与 webpack、es6 以及moment和humanize -duration的 npm 模块一起使用

我的实现将是：

import 'moment';
import 'humanize-duration';
import 'angular-timer';

我得到了错误ReferenceError: humanizeDuration is not defined。

当然，angular-timer 需要变量 humanizeDuration 并在需求部分建议使用 bower 和脚本 src。据我了解，使用 webpack 导入 src 与在脚本标签中将其用作 src 相同。

Answer 1

这对我有帮助：

1. 安装时刻和人性化持续时间：

   $ npm install moment

   $ npm install humanize-duration

2. 将它们作为插件安装在您的 webpack.config.js 中：

module.exports = function makeWebpackConfig() {
    /**
     * Config
     * Reference: http://webpack.github.io/docs/configuration.html
     * This is the object where all configuration gets set
     */
    var config = {};
    
  config.plugins = [
        new webpack.ProvidePlugin({ 'moment': 'moment',   'humanizeDuration': 'humanize-duration' })
    ]; 

3. 并在您的组件中导入角度计时器

import 'angular';
import 'angular-timer';

let yourModule = angular.module('your', [
    'timer'
]);

我希望这能帮到您