{"action":"closed","issue":{"url":"https://api.github.com/repos/vuejs-templates/webpack/issues/157","repository_url":"https://api.github.com/repos/vuejs-templates/webpack","labels_url":"https://api.github.com/repos/vuejs-templates/webpack/issues/157/labels{/name}","comments_url":"https://api.github.com/repos/vuejs-templates/webpack/issues/157/comments","events_url":"https://api.github.com/repos/vuejs-templates/webpack/issues/157/events","html_url":"https://github.com/vuejs-templates/webpack/issues/157","id":159180028,"number":157,"title":"there is an bug on scss import","user":{"login":"yozman","id":11918866,"avatar_url":"https://avatars.githubusercontent.com/u/11918866?v=3","gravatar_id":"","url":"https://api.github.com/users/yozman","html_url":"https://github.com/yozman","followers_url":"https://api.github.com/users/yozman/followers","following_url":"https://api.github.com/users/yozman/following{/other_user}","gists_url":"https://api.github.com/users/yozman/gists{/gist_id}","starred_url":"https://api.github.com/users/yozman/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/yozman/subscriptions","organizations_url":"https://api.github.com/users/yozman/orgs","repos_url":"https://api.github.com/users/yozman/repos","events_url":"https://api.github.com/users/yozman/events{/privacy}","received_events_url":"https://api.github.com/users/yozman/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2016-06-08T14:36:41Z","updated_at":"2016-06-09T15:19:07Z","closed_at":"2016-06-09T15:19:07Z","body":"hey guys,\r\nI installed `node-sass`, `sass-loader` to use `sass` in my project,\r\nbut when I try to use `primer-markdown`, there is an Bug\r\n```shell\r\nERROR in ./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-bb18f99e&scoped=true!./~/sass-loader?indentedSyntax!./~/vue-loader/lib/selector.js?type=style&index=0!./src/components/widget/Article.vue\r\nModule build failed: \r\n@import \"primer-support/index.scss\";\r\n^\r\n      File to import not found or unreadable: primer-support/index.scss\r\nParent style sheet: /Users/yozman/sysc/node_modules/primer-markdown/index.scss\r\n      in /Users/yozman/sysc/node_modules/primer-markdown/index.scss (line 1, column 1)\r\n @ ./~/vue-style-loader!./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-bb18f99e&scoped=true!./~/sass-loader?indentedSyntax!./~/vue-loader/lib/selector.js?type=style&index=0!./src/components/widget/Article.vue 4:14-298 13:2-17:4 14:20-304\r\n```\r\n\r\nthe code is like\r\n```vue\r\n// Article.vue\r\n<template lang=\"jade\">\r\n  div(:class.once=\"$options.name\" v-html=\"innerHTML\")\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data () {\r\n    return {\r\n      innerHTML: ''\r\n    }\r\n  },\r\n  name: 'W__Article',\r\n  props: { args: Object },\r\n  watch: {\r\n    'args.content' (val) {\r\n      let scoped = this.$el.attributes[0].name\r\n      this.innerHTML = val.replace(/(<[^/]+?)([> ])/g, `$1 ${scoped}$2`)\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"sass\" scoped>\r\n@import ~primer-markdown/index.scss\r\n\r\n.W__Article\r\n  @extend .markdown-body\r\n</style>\r\n```\r\n```scss\r\n// node_modules/primer-markdown/index.scss\r\n@import \"primer-support/index.scss\";\r\n@import \"./lib/markdown-body.scss\";\r\n@import \"./lib/headings.scss\";\r\n@import \"./lib/lists.scss\";\r\n@import \"./lib/tables.scss\";\r\n@import \"./lib/images.scss\";\r\n@import \"./lib/code.scss\";\r\n```\r\n\r\nwhen I change it to `@import \"~primer-support/index.scss\"` it works.\r\n\r\nhow can I fix it to works on my project?\r\n\r\n"}}
{"actor":{"display_login":"chrisvfritz"}}