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&nbsp;src="../assets/main.css"></style>第二种方法是使用预处理器进行导入<style&nbsp;lang="stylus">&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;@import&nbsp;"../assets/main.css"&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;... </style>