Vue组件不能在laravel中使用scss

Question

我想在单个.scss组件中使用全局.vue文件

我正在使用gulp（laravel-elixir编译sass/scss，这没有问题。我可以在任何地方做任何款式的拉拉维尔刀刃：

elixir((mix) => {
.sass('events/test/test.scss', 'public/css/events')
.compass('app.scss', 'public/css', {
style: 'nested',
sass: 'resources/assets/sass',
image: 'public/images',
javascript: 'resources/assets/js',
sourcemap: true,
comments: true,
relative: false,
})
}

，但痛点是单一的"Vue组件“，我在Laravel5.3中写道(关键是忽略错误的部分)：。

<template></template>
<style lang="scss" >
</style>
<script></script>

我尝试了以下方法来解决这个问题，但是仍然坚持：

RefUrl：https://vue-loader.vuejs.org/guide/pre-processors.html#sass）

• Using

• npm安装-D SASS加载程序节点SASS(SASS& SCSS，Vue组件中的SASS与Laravel Mix（RefUrl：https://serversideup.net/using-sass-vue-components....../）

1. google和stackoverflow )

*终端错误日志：

未找到

模块:错误:无法解析/xxx/Test.vue中的“scss”

*package.json(Main)：

"sass-loader": "^4.1.1",
"scss-loader": "0.0.1",
"vue-hot-reload-api": "^1.3.2",
"vue-html-loader": "^1.1.0",
"vue-loader": "^8.7.1",
"vue-style-loader": "^1.0.0",
"vue-template-compiler": "^2.6.10",

Answer 1

我能够通过在文档中这样做来解决这个问题：https://laravel-mix.com/docs/4.0/upgrade#vue-component-sass-preprocessing

npm install sass sass-loader