weex-loader中怎么配置sass,stylus,less
本文介绍了weex-loader中怎么配置sass,stylus,less的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
按照vue的做法还是不行
test: /\.vue$/,
loader: 'weex-loader',
options: {
loaders: {
css: ['weex-style', 'css-loader'],
stylus: ['weex-style', 'css-loader', 'stylus-loader']
}
}
解决方案
感谢大家的回答,昨天研究了weex-loader原码,发现在vue文件中不需要配置即可使用各种预处理器,只要在<style>中用lang="XX"指出就可以了。
@hayvane 的这种在native端是无用的,因为weex-loader会将css处理成json加载到模块style属性中。必须要使用'weex-vue-loader/lib/style-loader.js'来进行处理。
在native端的Css处理完全不是web端的概念,所以并不存在全局引用样式,也就是并不需要引入.sass.less.styl文件。
要实现样式的复用,最终实践出两种方法,一种是在vue中多加一个style标签
<style src="../assets/main.css"></style>
第二种方法是使用预处理器进行导入
<style lang="stylus">
@import "../assets/main.css"
...
</style>
这篇关于weex-loader中怎么配置sass,stylus,less的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文