Cannot import README.md in monorepo

Importing and using markdown files as components does not work as expected.

I am using a monorepo, and have set up aliases in the config like so:

const modifyBundlerConfig = config => {
  config.resolve.alias = Object.assign({}, config.resolve.alias, {
    '@core': path.resolve(__dirname, '..', 'core'),
    '@ui': path.resolve(__dirname, '..', 'ui'),
    '@root': path.resolve(__dirname, '../../'),
    '@intl': path.resolve(__dirname, '..', 'intl')
  });

  return config;
};

When I try to import and use a README from the @root of the project:

import Readme from '@root/README.md';

<Readme />

It fails to parse the markdown, giving me the error:

Module parse failed: Unexpected character '#' (1:0)
You may need an appropriate loader to handle this file type.

[kripod]

@pedronauck Thanks for answering! I think that “trying to load content outside docz isn’t possible” should have more emphasis in the docs, as I had to search for this issue to find why my documentation couldn’t be built.

[pedronauck]

Oh for sure, you’re trying to load content outside docz, this isn’t possible. Was a decision that we’d some time ago about some architecture and performance issues. I really advise you to put docz on your root directory as a devDependency of your monorepo, I’m doing this in a project from my work and works well.