VueInspectorLoader

vue.config.js中使用

const { defineConfig } = require('@vue/cli-service');
module.exports = defineConfig({
  transpileDependencies: true,
  chainWebpack: config => {
    if (process.env.NODE_ENV === 'development') {
            config.module
                .rule("vue-dev-loader")
                .test(/\.(vue)$/)
                .use("vue-dev-loader")
                .loader(`vue-inspector-loader`)
                .end();
        }
  }
});

webpack中使用

 {
        test: /\.vue$/,
        enforce: "pre",
        use: [
          {
            loader: "vue-inspector-loader",
          },
        ],
      },