当前位置： 移动技术网 > IT编程>脚本编程>vue.js > vue-cli如何添加less 以及sass

vue-cli如何添加less 以及sass

2017年12月12日  | 移动技术网IT编程  | 我要评论

蟠龙眼,尴尬!母女竟共事一夫,建站论坛

vue-cli中已经内置配置好了sass 以及lass的配置。如果需要的话直接下载两个模块就可以了

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

如果是淘宝镜像直接运行cnpm是一样的效果

然后在组件或者视图中给样式加上语言就可以了

<style lang="sass" scoped>
  .....
</style>

这里需要说明一下scoped是让样式只在当前组件或者视图中起作用的。

less的话也是一样 需要装两个loader

npm install less --save-dev
npm install less-loader --save-dev

其余的都是一样的。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网