tsdx-sass -- @rollup/plugin-image doesn't work in tsdx.config.js

MAINTAINER EDIT: tl;dr OP didn’t fill out issue template and was apparently using tsdx-sass, which is a pretty outdated fork, and not tsdx. tsdx-sass predates tsdx.config.js (the fork is unnecessary with tsdx.config.js), so it wasn’t being “picked up” because wrong package and outdated version.

---

Hi, First of all congrats making this great tool. It worked perfectly. I am using a Windows 10 laptop and the latest tsdx 0.12.3 based template. I was wanting to add support for image files and created this file (tsdx.config.js) in the root folder

const images = require('@rollup/plugin-image');

module.exports = {
  rollup(config, options) {
    config.plugins.push(images());

    return config;
  },
};

However it does not seem to be getting picked up when I run tsdx build.

• Am I missing some configuration ?
• How can I check if this config file is picked up (as there are no console logs for the same )

Thanks

[tsukhu]

@agilgur5 found the issue … My bad I used tsdx-sass for sass support (instead of adding a rollup config extension) … This is based on an old version of tsdx and used overriding the tsdx functionality and hence the tsdx.config.js is not being picked up … Thanks a lot

[agilgur5]

Ok. Those issues do point to plugin order mattering, but you didn’t configure like those issues. If your tsdx.config.js isn’t being executed then maybe it’s in the wrong place.

I linked to two PRs that have passing tests with tsdx.config.js above. You can view the files of one of the integration tests here.

Other than passing end-to-end and integration tests on a CI matrix for Ubuntu, macOS, and Windows on multiple Node versions, there are also many users of tsdx.config.js, and most of the HOWTOs are around it, so it definitely works.

I don’t know why yours doesn’t work and you also didn’t provide a reproduction, so I can’t really help you out. You’ll need to provide a minimal repro and I think creating one would help you figure out what’s going on too.