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，并在requirements section中建议使用bower和 script src 。在我的理解中，使用webpack导入src与在脚本标记中将其用作src相同。

Answer 1

这对我有帮助：

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

$ npm install moment

$ npm install humanize-duration
将它们作为插件安装在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' })
    ];

并在组件中导入角度计时器

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

我希望这会对你有所帮助

带有webpack的角度计时器

1 个答案: