Rollup.js: undefined objects in external dependencies

I recently started playing with rollupjs. After setting everything up in accordance with available documents and linking things, I got a lot of errors from my external libraries about undefined objects. Such errors: Cannot read property 'parse' of undefinedcoming from crypto-js. He complains of this line in the code: var ciphertext = Base64.parse(openSSLStr). So Base64undefined. I have few such errors from different external libraries.

I use several external dependencies: chart.js, crypto-Js, mithril, moment, plural

They all work great with jspm. I decided to try folding up to speed up the process, since jspm is currently very slow. Now half of my external dependencies have stopped working. I get "undefined things" and "... not a function" such as errors coming only from external libraries.

What could be the reason for this?

This is my rollup.config.js file

import babel from 'rollup-plugin-babel';
import npm from 'rollup-plugin-npm';
import commonjs from 'rollup-plugin-commonjs';
import uglify from 'rollup-plugin-uglify';

    export default {
      entry: 'app/scripts/application/main.js',
      format: 'cjs',
      plugins: [
        npm({
          jsnext: true,
          main: true,
        }),
        babel({
          exclude: 'node_modules/**',
          presets: [ 'es2015-rollup' ],
        }),
        commonjs(),
        uglify(),
      ],
      dest: 'static/js/application.js',
    };

Let me know if any other data is needed.

Thanks.

EDIT

I did a simple test reproducing, combining those libraries that generate errors in my application.

package.json

{
  "name": "minion",
  "private": true,
  "babel": {
    "presets": [
      "es2015-rollup"
    ]
  },
  "dependencies": {
    "chart.js": "^1.0.2",
    "crypto-js": "^3.1.6",
    "mithril": "^0.2.2-rc.1",
    "moment": "^2.11.1",
    "pluralize": "^1.2.1"
  },
  "devDependencies": {
    "babel-preset-es2015-rollup": "^1.1.1",
    "rollup-plugin-babel": "^2.3.9",
    "rollup-plugin-commonjs": "^2.2.0",
    "rollup-plugin-npm": "^1.3.0",
    "rollup-plugin-uglify": "^0.1.0"
  }
}

rollup.config.js

import babel from 'rollup-plugin-babel';
import npm from 'rollup-plugin-npm';
import commonjs from 'rollup-plugin-commonjs';
import uglify from 'rollup-plugin-uglify';

export default {
  entry: 'app/main.js',
  format: 'cjs',
  plugins: [
    npm({
      jsnext: true,
      main: true,
    }),
    babel({
      exclude: 'node_modules/**',
      presets: [ 'es2015-rollup' ],
    }),
    commonjs(),
    //uglify(),
  ],
  dest: 'static/js/app.js',
}

main.js

import Application from './application'
import pluralize from 'pluralize'


var text = Application.run()

console.log(`Testing encryption: ${text}`)
console.log(`Testing pluralization: ${pluralize('person')}`)

application.js

import crypt from 'crypto-js'

var Application = {
    run() {
      var ciphertext = crypt.AES.encrypt('Testing encryption...', 'password')
      var bytes  = crypt.AES.decrypt(ciphertext.toString(), 'password')
      return bytes.toString(crypt.enc.Utf8)
    }
}

export default Application

Running above will cause errors.

+4
source share
1 answer

: , / .

js- Node Red, js , , TypeError: Cannot read property 'split' of undefined .

, , , , -js 3.1.2 rollup "hmac-sha256.js", , .

"split", ( )

0

Source: https://habr.com/ru/post/1625694/


All Articles