码迷,mamicode.com
首页 > 其他好文 > 详细

Vue架手架开发使用sass

时间:2018-04-08 18:05:35      阅读:85      评论:0      收藏:0      [点我收藏+]

标签:工具   col   代码   ase   webp   conf   bpa   install   vue   

vue默认采用的是原生的css,如果想要使用css预编译工具,比如sass,需要下载对应的scss的loader,

具体是

1 npm install --save-dev sass-loader
2 npm install --save-dev node-sass

之后在vue脚手架的webpack.base.conf.js文件下,加入对应的代码

{
         test: /\.scss$/,
         loaders: ["style", "css", "sass"]
       }

就是对.scss文件的处理。

而vue文件中,想要直接在style中写代码,需要给style加上 lang=“scss” 属性。

这样就可以直接在vue文件中写sass的css预编译代码了。

Vue架手架开发使用sass

标签:工具   col   代码   ase   webp   conf   bpa   install   vue   

原文地址:https://www.cnblogs.com/zhensg123/p/8745715.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!