weex-loader中怎么配置sass,stylus,less

Question

按照vue的做法还是不行  test: /\.vue$/,   loader: 'weex-loader',   options: {     loaders: {       css: ['weex-style', 'css-loader'],       stylus: ['weex-style', 'css-loader', 'stylus-loader']     }   }

Answer 1

刚用wexx，折腾了下可以了，最新版在vue-loader.conf.js 加上如下

module.exports = (options) => {

    return {

        loaders: utils.cssLoaders({

            // sourceMap: use sourcemao or not.

            sourceMap: options && sourceMapEnabled,

            // useVue: use vue-style-loader or not

            useVue: options && options.useVue,

            // usePostCSS: use postcss to compile styles.

            usePostCSS: options && options.usePostCSS

        }),

        cssSourceMap: sourceMapEnabled,

        cacheBusting: config.dev.cacheBusting,

        lang: {

            scss: ['sass-loader']

        }

    }

}

Answer 2

在native端的Css处理完全不是web端的概念，所以并不存在全局引用样式，也就是并不需要引入.sass.less.styl文件。
要实现样式的复用，最终实践出两种方法，一种是在vue中多加一个style标签

<style src="../assets/main.css"></style>

第二种方法是使用预处理器进行导入

<style lang="stylus"> 
    @import "../assets/main.css"  
            ...
</style>