vue-data-loader

安装

npm install vue-data-loader --save-dev

使用

只需要在vue后缀的文件的loader列表中新增vue-data-loader就可以了

如@vue/cli 中的vue.config.js

chainWebpack: (config) => {
  config.resolve.alias
    .set('@', resolve('src'))
    .set('assets', resolve('src/assets'))
    .set('components', resolve('src/components'))
  config.module
    .rule('vuedataloader')
    .test(/\.vue$/)
    .use('vue-data-loader')
      .loader('vue-data-loader')
      .end()
}

其他webpack版本配置

module: {
  rules: [
    /* 用来解析vue后缀的文件 */
    {
        test: /\.vue$/,
        loader: 'vue-loader!vue-data-loader'
    },
    //...
  ]
}