1.Vue项目使用SCSS
由于Vue-cli版本问题,导致网上查找的方法很多都无效,版本更新后,没有了build文件目录,所以无法修改webpack的config文件,最终整理方法如下:
- 首先通过npm安装相关的库:
//安装node-sass npm install node-sass --save-dev //安装sass-loader npm install sass-loader --save-dev //安装style-loader npm install style-loader --save-dev
- 在Vue项目中引入scss
- 在全局引用时需要安装sass-resources-loader
根据如上的安装方法,即可成功在vue文件中使用scssnpm install sass-resources-loader --save-dev
<style lang="scss" scoped> </style>