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

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

检查，如果你已经安装了“青菜装载机'节点萨斯“风格装载机”

如果没有则使用以下命令

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