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文件中：

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

第三步：使用scss扩展

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

欢迎关注作者微信公众号