skpm: require vs import for user modules

markh

In my main JS file I have something like this:

var SomeClass = require('./some-class');

export var handler = function() {
  const instance = new SomeClass();
  instance.hello();
}

some-class.js:

export default class SomeClass { // also tried module.exports = class SomeClass
  hello() {
    console.log('Hello');
  }
}

But I get Object is not a constructor in Sketch. If I replace require with import SomeClass from './some-class' it works. Is there anyway to use require for both Sketch and user modules?

websiddu

export class SomeClass {
 constructor() {
 }
  hello() {
    console.log('Hello');
  }
}

You don't need default just say export class and use import {SomeClass} from 'some-class.js';

markh

Don't know why it didn't work for me before but module.exports = class SomeClass { seems to be the solution.

vanhelbergen

markh My javascript skills are not high enough to say this with certainty, but I believe you've mixed up two syntaxes for importing modules.

AMD (es6): export default foo() and import foo fromfoo`
CommonJs (node): module.exports = foo() and var foo = require('./foo.js')

https://medium.com/computed-comparisons/commonjs-vs-amd-vs-requirejs-vs-es6-modules-2e814b114a0b

markh

I'm aware that they are 2 different module systems. You can actually use both in webpack but I wanted to stick to commonJS syntax for my own and Sketch's modules.