【vue】vue页面使用scss样式
1.引入sass-loader模块
//这里使用7.0.1版本
npm install sass-loader@7.0.1
2.引入node-sass模块
//这里使用4.12.0版本
npm install node-sass@4.12.0
3.vue页面使用
<style lang='scss'>
//样式代码
</style>
4.package.json配置方式【附加】
//在package.json配置文件中devDependencies节点下添加"node-sass": "^4.12.0","sass-loader": "^7.0.1",
"devDependencies": {
"@vue/cli-plugin-babel": "^3.1.1",
"@vue/cli-plugin-eslint": "^3.1.5",
"@vue/cli-service": "^3.1.4",
"chai": "^4.1.2",
"d3": "^5.14.2",
"vue-ace-editor": "^1.0.3",
"vue-template-compiler": "^2.5.17",
"webpack-bundle-analyzer": "^3.0.3",
"node-sass": "^4.12.0",
"sass-loader": "^7.0.1"
},
执行命令：npm install 加载配置的模块
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由半码博客整理，本文链接：https://www.bmabk.com/index.php/post/92446.html
