{"action":"opened","issue":{"url":"https://api.github.com/repos/postcss/postcss-import/issues/345","repository_url":"https://api.github.com/repos/postcss/postcss-import","labels_url":"https://api.github.com/repos/postcss/postcss-import/issues/345/labels{/name}","comments_url":"https://api.github.com/repos/postcss/postcss-import/issues/345/comments","events_url":"https://api.github.com/repos/postcss/postcss-import/issues/345/events","html_url":"https://github.com/postcss/postcss-import/issues/345","id":296840718,"number":345,"title":"node_modules resolve not working with @import for SCSS","user":{"login":"davidungio","id":2954174,"avatar_url":"https://avatars1.githubusercontent.com/u/2954174?v=4","gravatar_id":"","url":"https://api.github.com/users/davidungio","html_url":"https://github.com/davidungio","followers_url":"https://api.github.com/users/davidungio/followers","following_url":"https://api.github.com/users/davidungio/following{/other_user}","gists_url":"https://api.github.com/users/davidungio/gists{/gist_id}","starred_url":"https://api.github.com/users/davidungio/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/davidungio/subscriptions","organizations_url":"https://api.github.com/users/davidungio/orgs","repos_url":"https://api.github.com/users/davidungio/repos","events_url":"https://api.github.com/users/davidungio/events{/privacy}","received_events_url":"https://api.github.com/users/davidungio/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-02-13T18:31:08Z","updated_at":"2018-02-13T18:31:08Z","closed_at":null,"author_association":"NONE","body":"I'm running into this error msg when I'm trying to `@import` a .scss file from my `node_modules` folder via this method:\r\n\r\n```scss\r\n@import \"react-input-range/src/scss/index.scss\";\r\n```\r\n\r\nResults in this error: \r\n```bash\r\n[!] (postcss plugin) Error: File to import not found or unreadable: react-input-range/src/scss/index.scss.\r\n```\r\n\r\n\r\nHowever, if I include the entire relative path to the .scss, that'll work:\r\n```scss\r\n@import \"../../../../../../node_modules/react-input-range/src/scss/index.scss\";\r\n```\r\n\r\nand this works as well\r\n```scss\r\n@import \"react-input-range/lib/css/index.css\";\r\n```\r\n\r\nI need to import the .scss to override the SASS variables, so can't make use of of the .css file. I can't seem to figure out the cause and need some assistance with my issue, thanks!\r\n\r\n---\r\n\r\nSo to reiterate:\r\n\r\n_Component.scss_\r\n```scss\r\n// Works\r\n@import \"react-input-range/lib/css/index.css\"; \r\n@import \"../../../../../../node_modules/react-input-range/src/scss/index.scss\";\r\n\r\n// Does not work\r\n@import \"react-input-range/src/scss/index.scss\";\r\n```\r\n\r\n_rollup.config.js_\r\n```js\r\nimport easyImport from \"postcss-easy-import\";\r\nimport postcssFlexbugsFixes from 'postcss-flexbugs-fixes';\r\nimport autoprefixer from \"autoprefixer\";\r\n\r\npostcss({\r\n    sourceMap: true,\r\n    minimize: true,\r\n    modules: true,\r\n    namedExports: true,\r\n    plugins: [\r\n        easyImport,\r\n        postcssFlexbugsFixes,\r\n        autoprefixer({\r\n            browsers: [\r\n                '>1%',\r\n                'last 4 versions',\r\n                'Firefox ESR',\r\n                'not ie < 9', // React doesn't support IE8 anyway\r\n            ],\r\n            flexbox: 'no-2009',\r\n        }),\r\n    ],\r\n    extract: path.resolve(\"./dist/style.css\"),\r\n}),\r\n```\r\n        "}}
{"actor":{"display_login":"davidungio"}}