Webpack +角的BigNumber用法

Question

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

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

Webpack配置的部分：

​

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

​

因为它是库，所以我没有将它作为依赖项包含在我的主app.js中。但我想把它注入我的指令：

​

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 ? ) {

​

Answer 1

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

webpack.config.js

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

ProvidePlugin定义假定您已经向webpack配置添加了一个resolve声明。