How can i import a stylus file from nested node_modules?

[LancerComet]

Normally we do this in a project (Let's call this project "project-01"):

// In "project-01/my-style.styl":
@import "~some-package/index.styl"
// This file is required from "project-01/node_modules/some-package/index.styl".

When I started a new project (project-02) with both project-01 and some-package installed:

// In "project-02/my-style.styl":
@import "~some-package/index.styl"
// This file is required from "project-02/node_modules/some-package/index.styl".

// In "project-02/node_modules/project-01/my-style.styl"
@import "~some-package/index.styl"
// This file is required from "project-02/node_modules/some-package/index.styl".

So in file project-02/node_modules/project-01/my-style.styl,
I finally get project-02/node_modules/some-package/index.styl (Because of starting with "~"),
but what I want is project-02/node_modules/project-01/node_modules/some-package/index.styl, this is the default behavior of most packages.

So how can I do this? Is there any offical way to change this behavior?
Many thanks :)

[alexander-akait]

Same problems with

// options
{
  paths: ['node_modules', 'resources/assets/stylus'],
  'include css': true,
  'resolve url': true,
  use: [require('lost'), require('postcss-flexbugs-fixes')]
}

// gallery.styl
@require 'photoswipe/dist/photoswipe.css'
@require 'photoswipe/dist/default-skin/default-skin.css'

.pswp--svg .pswp__button:not(.pswp__button--arrow--left):not(.pswp__button--arrow--right)
.pswp--svg .pswp__button--arrow--left:before,
.pswp--svg .pswp__button--arrow--right:before {
    background-image: url(/assets/app/img/gallery-ui.svg)!important;
  }

[alexander-akait]

this is the default behavior of most packages.

Sorry, no, but:

• You need to put project-01 in package.json for project-02
• project-01 should use stylus/styl property in package.json to export styles (alternative you can use the exports property of package.json, only webpack@5)
• and import what you need

OR

• Use the paths prperty

OR

• Use the alias option https://webpack.js.org/configuration/resolve/#resolvealias