第一步:安装对应的node模块
npm install node-sass --save-dev npm install sass-loader --save-dev
第二步:在webpack.base.config.js文件中对loaders规则 进行如下配置
{ test:/\.scss/, loader:["style","css","sass"] }
第三步:在视图或者组件中所需要的地方添加style标签如下
<style lang="scss" scoped> /*样式代码*/ </style>
注明:scoped是让样式只在当前组件或者视图中起作用的
时间: 2024-10-12 14:42:33