js：http-vue-loader从浏览器直接引入vue文件

doc

• github: https://github.com/FranckFreiburger/http-vue-loader

index.html

doctype html>



  
  



  
    
  

  

    new Vue({
      el: '#app',
      components: {
        'my-component': httpVueLoader('my-component.vue')
      }
    });
  

my-component.vue

  
    Hello {{who}}
  



// 不支持 import
module.exports = {
  data: function () {
    return {
      who: 'world',
    };
  },
  components: {},
};



.hello {
  background-color: #ffe;
}

使用 sass

 

// 可选, 使用scss
httpVueLoader.langProcessor.scss = function (scssText) {
  return new Promise(function (resolve, reject) {
    Sass.compile(scssText, function (result) {
      if (result.status === 0)
        resolve(result.text)
      else
        reject(result)
    });
  });
}

使用 less

httpVueLoader.langProcessor.less = function (lessText) {
  return new Promise(function (resolve, reject) {
    less.render(lessText, {}, function (err, css) {
      if (err) {
        reject(err)
      } else {
        resolve(css.css);
      }
    })
  })
}

参考 Getting started with Sass.js https://github.com/FranckFreiburger/http-vue-loader/issues/20