Question

我遇到了将新.scss导入到与主scss文件不同的全新页面模板vue的问题。我发现了这个link，但我的新风格仍然不起作用。顺便说一下，我使用了laravel 5.4。

新的vue组件：

<style lang="scss" scoped>
   @import "~sass/new"; //new scss file from resources/sass directory
</style>

我想我想念一个要安装的库或者什么。任何帮助将不胜感激。

Answer 1

检查您是否安装了＃sass-loader＆＃39; ＆＃39;节点SASS＆＃39; ＆＃39;式装载机＆＃39;

如果没有，则使用以下命令

安装它

npm install sass-loader node-sass style-loader --save-dev

看看你的package.json是否与此类似

"devDependencies": {
    "css-loader": "^0.23.1",
    "node-sass": "^4.1.1",
    "sass-loader": "^3.2.3",
    "style-loader": "^0.13.1"
    "vue-loader": "^9.0.0",
    "vue-router": "^2.1.1",
    "webpack": "^1.12.2",
    "webpack-dev-server": "^1.12.0"
}

然后你可以尝试

<style lang="scss" scoped>
  @import 'main.scss'
</style>

这篇文章必须对您有所帮助Using SASS/SCSS in Vue.js 2

使用vue js 2导入新的scss文件

1 个答案: