{"action":"opened","issue":{"url":"https://api.github.com/repos/webpack-contrib/sass-loader/issues/433","repository_url":"https://api.github.com/repos/webpack-contrib/sass-loader","labels_url":"https://api.github.com/repos/webpack-contrib/sass-loader/issues/433/labels{/name}","comments_url":"https://api.github.com/repos/webpack-contrib/sass-loader/issues/433/comments","events_url":"https://api.github.com/repos/webpack-contrib/sass-loader/issues/433/events","html_url":"https://github.com/webpack-contrib/sass-loader/issues/433","id":220719491,"number":433,"title":"@imports not working","user":{"login":"danieladonna","id":19151136,"avatar_url":"https://avatars0.githubusercontent.com/u/19151136?v=3","gravatar_id":"","url":"https://api.github.com/users/danieladonna","html_url":"https://github.com/danieladonna","followers_url":"https://api.github.com/users/danieladonna/followers","following_url":"https://api.github.com/users/danieladonna/following{/other_user}","gists_url":"https://api.github.com/users/danieladonna/gists{/gist_id}","starred_url":"https://api.github.com/users/danieladonna/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/danieladonna/subscriptions","organizations_url":"https://api.github.com/users/danieladonna/orgs","repos_url":"https://api.github.com/users/danieladonna/repos","events_url":"https://api.github.com/users/danieladonna/events{/privacy}","received_events_url":"https://api.github.com/users/danieladonna/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2017-04-10T17:46:07Z","updated_at":"2017-04-10T17:46:07Z","closed_at":null,"body":"Hello, \r\n\r\ni tried a lot of different configurations but the compilaton of all the included scss files still fails.\r\nThe imports are just completely removed from the scss.\r\n\r\nMy webpack.config\r\n````js\r\nconst path = require('path');\r\nconst BrowserSyncPlugin = require('browser-sync-webpack-plugin');\r\nconst CopyWebpackPlugin = require('copy-webpack-plugin');\r\nconst ExtractTextPlugin = require(\"extract-text-webpack-plugin\");\r\n\r\nmodule.exports = {\r\n  entry: './app/index.ts',\r\n\tcontext: path.join(__dirname, 'src'),\r\n  output: {\r\n    filename: 'bundle.js',\r\n    path: path.resolve(__dirname, 'dist')\r\n  },\r\n\tmodule: {\r\n  \trules: [\r\n\t\t\t{\r\n        test: /\\.exec\\.js$/,\r\n        use: [ 'script-loader' ]\r\n      },\r\n\t\t\t{\r\n\t\t\t\ttest: /\\.tsx?$/,\r\n\t\t\t\tloader: 'ts-loader',\r\n\t\t\t\texclude: /node_modules/,\r\n\t\t\t},\r\n\t\t\t {\r\n    test: /\\.scss$/,\r\n    loader: ExtractTextPlugin.extract({\r\n      fallback: 'style-loader',\r\n      loader: [\r\n        {\r\n          loader: 'css-loader',\r\n          options: {\r\n            sourceMap: true,\r\n            minimize: true,\r\n            discardComments: {\r\n              removeAll: true\r\n            }\r\n          }\r\n        },\r\n        {\r\n          loader: 'postcss-loader',\r\n\t\t\t\t\toptions: {\r\n              plugins: function () {\r\n                return [\r\n                  require('postcss-import'),\r\n                  require('autoprefixer')\r\n                ];\r\n              }\r\n\t\t\t\t\t}\r\n        },\r\n        {\r\n          loader: 'sass-loader',\r\n          options: {\r\n            sourceMap: true\r\n          }\r\n        }\r\n      ]\r\n    })\r\n  }\r\n   ]\r\n\t},\r\n\tplugins: [\r\n\t\tnew ExtractTextPlugin(\"styles.css\"),\r\n\t\tnew CopyWebpackPlugin([\r\n\t\t\t{ \r\n\t\t\t\tfrom: '**/*'\r\n\t\t\t},\r\n\t\t], {\r\n\t\t\tignore: [\r\n\t\t\t\t'style/**',\r\n\t\t\t\t'app/**'\r\n\t\t\t]\r\n\t\t}),\r\n    new BrowserSyncPlugin({\r\n      host: 'localhost',\r\n      port: 3000,\r\n      server: { baseDir: ['dist'] }\r\n    })\r\n  ]\r\n};\r\n```\r\n\r\nMy style.scss\r\n```scss\r\n@import \"./settings.scss\";\r\n@import \"~foundation-sites/scss/foundation\";\r\n\r\nbody {\r\n\tfont-family: 'Roboto', sans-serif;\r\n}\r\n\r\nh1 {\r\n\tcolor: green;\r\n\tfont-family: 'Roboto', sans-serif;\r\n}\r\n```\r\n\r\nThe result:\r\n```css\r\nbody,h1{font-family:Roboto,sans-serif}h1{color:green}\r\n```\r\n\r\nThere is no error in the console and if i change the path of foundation i get an error. So the paths seems to be correct, but the imports are not written to the bundled css file.\r\n\r\nWhat am i doing wrong? \r\n\r\nThanks a lot.\r\n\r\nD\r\n"}}
{"actor":{"display_login":"danieladonna"}}