Webpack + Angular的BigNumber用法

Question

Error: [$injector:unpr] Unknown provider: BigNumberProvider 

我正在使用Webpack + Angular.JS启动项目，我想使用Bignumber.js但不能包含它。

Webpack配置部分：

＆＃13;

＆＃13;

  resolve: {
      root: [path.join(__dirname, 'assets/libs/bower_components'), 'node_modules']
    },
    entry: {
      entry: ['./app/app.js'],
      vendor: [
          'lodash',
          'bignumber.js',
          'angular'
          ....

＆＃13;

＆＃13;

＆＃13;

作为它的库，我没有将它作为依赖包含在我的主app.js中。 但我试图将它注入我的指令：

＆＃13;

＆＃13;

app.directive('createpayment', [
      '$http',
      ' * ', // I've tried BigNumber, bignumber, binumber.js all of this doen't work
             // And there is nothing about this in README
      function($http, BigNumber ? , bignumber ? ) {

＆＃13;

＆＃13;

＆＃13;

Answer 1

这可以通过使用webpack的ProvidePlugin插件来实现：

<强> webpack.config.js

...
plugins: [
  new webpack.ProvidePlugin({
    BigNumber: 'bignumber.js',
    lodash: 'lodash',
    $: 'jquery'
  }),
]
...

ProvidePlugin定义假设您已经为您的webpack配置添加了resolve声明。