{"action":"opened","issue":{"url":"https://api.github.com/repos/JeffreyWay/laravel-mix/issues/800","repository_url":"https://api.github.com/repos/JeffreyWay/laravel-mix","labels_url":"https://api.github.com/repos/JeffreyWay/laravel-mix/issues/800/labels{/name}","comments_url":"https://api.github.com/repos/JeffreyWay/laravel-mix/issues/800/comments","events_url":"https://api.github.com/repos/JeffreyWay/laravel-mix/issues/800/events","html_url":"https://github.com/JeffreyWay/laravel-mix/issues/800","id":228025210,"number":800,"title":"Bootstrap does not compile if was included into scss style section into vue component.","user":{"login":"norkfy","id":8685999,"avatar_url":"https://avatars0.githubusercontent.com/u/8685999?v=3","gravatar_id":"","url":"https://api.github.com/users/norkfy","html_url":"https://github.com/norkfy","followers_url":"https://api.github.com/users/norkfy/followers","following_url":"https://api.github.com/users/norkfy/following{/other_user}","gists_url":"https://api.github.com/users/norkfy/gists{/gist_id}","starred_url":"https://api.github.com/users/norkfy/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/norkfy/subscriptions","organizations_url":"https://api.github.com/users/norkfy/orgs","repos_url":"https://api.github.com/users/norkfy/repos","events_url":"https://api.github.com/users/norkfy/events{/privacy}","received_events_url":"https://api.github.com/users/norkfy/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2017-05-11T15:09:36Z","updated_at":"2017-05-11T15:09:36Z","closed_at":null,"body":"- Laravel Mix Version: 0.11.4\r\n- Node Version: v7.8.0\r\n- NPM Version: 4.2.0\r\n- OS: macOS Sierra \r\n\r\n### Description:\r\n\r\nWhen in vue component is scss bootstrap include, webpack build is failing. css-loader@0.14.5\r\nCode in vue file like this:\r\n\r\n```\r\n<style lang=\"scss\">\r\n  $bootstrap-sass-asset-helper: true;\r\n  @import \"~bootstrap-sass/assets/stylesheets/bootstrap\";\r\n</style>\r\n```\r\nwon't compile. \r\n\r\nError is:\r\n\r\n```\r\n ERROR  Failed to compile with 1 errors                                                                                                                                                                       \r\n\r\n error  in ./src/components/Hello.vue\r\n\r\nModule parse failed: /Users/norkfy/projects/test-mix/node_modules/css-loader/index.js!/Users/norkfy/projects/test-mix/node_modules/vue-loader/lib/style-compiler/index.js?{\"id\":\"data-v-040b1f58\",\"scoped\":false,\"hasInlineConfig\":true}!/Users/norkfy/projects/test-mix/node_modules/sass-loader/lib/loader.js!/Users/norkfy/projects/test-mix/node_modules/vue-loader/lib/selector.js?type=styles&index=0!/Users/norkfy/projects/test-mix/src/components/Hello.vue Unexpected token (2:4290)\r\nYou may need an appropriate loader to handle this file type.\r\n| exports = module.exports = require(\"../../node_modules/css-loader/lib/css-base.js\")();\r\n\r\n```\r\n### Steps To Reproduce:\r\n\r\nClone this test repository: https://github.com/norkfy/text-mix\r\nrun \"npm run dev\"\r\nopen index.html\r\n\r\nor add below bootstrap-sass import into vue component\r\n\r\n```\r\n  $bootstrap-sass-asset-helper: true;\r\n  @import \"~bootstrap-sass/assets/stylesheets/bootstrap\";\r\n```\r\n\r\n### What can be fixed\r\n\r\nI've noticed that laravel mix uses css-loader@0.14.5, this version looks very old. Then I've tried install last version of css-loader and seems like build works. Why laravel mix is using such older css-loader?\r\n"}}
{"actor":{"display_login":"norkfy"}}