{"action":"created","issue":{"url":"https://api.github.com/repos/gajus/react-css-modules/issues/144","repository_url":"https://api.github.com/repos/gajus/react-css-modules","labels_url":"https://api.github.com/repos/gajus/react-css-modules/issues/144/labels{/name}","comments_url":"https://api.github.com/repos/gajus/react-css-modules/issues/144/comments","events_url":"https://api.github.com/repos/gajus/react-css-modules/issues/144/events","html_url":"https://github.com/gajus/react-css-modules/issues/144","id":162337237,"number":144,"title":"Is there a working example of using sass-loader with extract-text-webpack-plugin and react-css-modules?","user":{"login":"EdwardDrapkin","id":6296006,"avatar_url":"https://avatars.githubusercontent.com/u/6296006?v=3","gravatar_id":"","url":"https://api.github.com/users/EdwardDrapkin","html_url":"https://github.com/EdwardDrapkin","followers_url":"https://api.github.com/users/EdwardDrapkin/followers","following_url":"https://api.github.com/users/EdwardDrapkin/following{/other_user}","gists_url":"https://api.github.com/users/EdwardDrapkin/gists{/gist_id}","starred_url":"https://api.github.com/users/EdwardDrapkin/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/EdwardDrapkin/subscriptions","organizations_url":"https://api.github.com/users/EdwardDrapkin/orgs","repos_url":"https://api.github.com/users/EdwardDrapkin/repos","events_url":"https://api.github.com/users/EdwardDrapkin/events{/privacy}","received_events_url":"https://api.github.com/users/EdwardDrapkin/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":9,"created_at":"2016-06-26T17:15:38Z","updated_at":"2016-06-29T14:39:36Z","closed_at":null,"body":"I've tried seemingly every permutation of options to ExtractTextPlugin.extract() and I get some module loading failure or another... is there a working example of this anywhere?\r\n\r\nBased on the docs, I figured this would work:\r\n\r\n    loaders.push({\r\n        test: /\\.s?css$/,\r\n        loaders: [\r\n            ExtractTextPlugin.extract('style',\r\n            'css?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!sass?config=sassLoader'),\r\n        ]\r\n    });\r\n\r\n\r\n    plugins.push(new ExtractTextPlugin(path.resolve('public/css/extracted.css'), {\r\n        allChunks: true\r\n    }));\r\n\r\nbut it fails on one of my `@import` statements as an unexpected character, which seems to mean the sass loader isn't getting used?\r\n\r\nHere's an example error\r\n\r\n    ERROR in ./app/components/Application/HSBFooter.scss\r\n    Module parse failed: /var/www/projects/hsb-app/proj/node_modules/extract-text-webpack-plugin/loader.js?{\"omit\":1,\"extract\":true,\"remove\":true}!style!css?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!sass?config=sassLoader!/var/www/projects/hsb-app/proj/app/components/Application/HSBFooter.scss Unexpected character '@' (1:0)\r\n    You may need an appropriate loader to handle this file type.\r\n     | @import 'scss/global';\r\n\r\nBuilding without extract-text-plugin works fine:\r\n\r\n    loaders.push(\r\n        {\r\n            test: /\\.s?css$/,\r\n            loaders: [\r\n                'style?sourceMap',\r\n                'css?sourceMap&modules&importLoaders=1&localIdentName=[path]___[name]__[local]___[hash:base64:5]',\r\n                'sass?sourceMap&config=sassLoader'\r\n            ]\r\n        }\r\n    );"},"comment":{"url":"https://api.github.com/repos/gajus/react-css-modules/issues/comments/229376843","html_url":"https://github.com/gajus/react-css-modules/issues/144#issuecomment-229376843","issue_url":"https://api.github.com/repos/gajus/react-css-modules/issues/144","id":229376843,"user":{"login":"ramsaylanier","id":2359852,"avatar_url":"https://avatars.githubusercontent.com/u/2359852?v=3","gravatar_id":"","url":"https://api.github.com/users/ramsaylanier","html_url":"https://github.com/ramsaylanier","followers_url":"https://api.github.com/users/ramsaylanier/followers","following_url":"https://api.github.com/users/ramsaylanier/following{/other_user}","gists_url":"https://api.github.com/users/ramsaylanier/gists{/gist_id}","starred_url":"https://api.github.com/users/ramsaylanier/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ramsaylanier/subscriptions","organizations_url":"https://api.github.com/users/ramsaylanier/orgs","repos_url":"https://api.github.com/users/ramsaylanier/repos","events_url":"https://api.github.com/users/ramsaylanier/events{/privacy}","received_events_url":"https://api.github.com/users/ramsaylanier/received_events","type":"User","site_admin":false},"created_at":"2016-06-29T14:39:36Z","updated_at":"2016-06-29T14:39:36Z","body":"My point is that both ways work. You're welcome. "}}
{"actor":{"display_login":"ramsaylanier"}}