vue-cli 如何配置sass

第一步:安装对应的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是让样式只在当前组件或者视图中起作用的

上一篇:shell 脚本浅入


下一篇:自学Python的点滴