javascript - BigNumber 在 Webpack + Angular 中的使用

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 中。但我正在尝试将其注入(inject)我的指令:

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

这可以通过利用 ProvidePlugin 来实现webpack 插件:

webpack.config.js

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

ProvidePlugin 定义假定您已经将 resolve 声明添加到您的 webpack 配置中。