Vue引入scss扩展 【Vue专栏】

第一步：Vue项目中添加scss扩展

在项目中引入
npm install sass-loader 
npm install node-sass 
yarn的形式
yarn add node-sass --save-dev
yarn add sass-loader --save-dev

第二步：Vue2在vue.config.js文件中：

?

1 2 3 4 5 6 7 8

css: {     loaderOptions: {       sass: {         data: `@import "@/style/scssFile.scss";`　　//这种形式不行就试下面这条 　　   // additionalData: '@import "~@/framework/style/scssFile.scss";'       }     } }

第三步：使用scss扩展

?

1 2 3

<style lang="scss" scoped> @import "../assets/style/variables.scss" </style>

欢迎关注作者微信公众号