vue-loader学习总结

[JesseZhao1990]

1.样式可以通过外部导入

<template src="./template.html"></template>
<style src="./style.css"></style>
<script src="./script.js"></script>

2.可以在一个组件中同时使用有作用域和无作用域的样式：

<style>
/* 全局样式 */
</style>

<style scoped>
/* 本地样式 */
</style>

3.可以自定义块，比如docs

4.通过配置transformToRequire 再也不用把图片、视频、音频资源写成变量了

      {
        test: /\.vue$/,
        loader: 'vue-loader',
        options:{
              transformToRequire: {
                  video: 'src',
                  source: 'src',
                  img: 'src',
                  image: 'xlink:href'
              }
      }