在vue里面可以动态引入不同的外部.less文件吗

是的，在 Vue 中可以动态引入不同的外部 `.less` 文件。一种常见的做法是使用 `vue-style-loader` 和 `less-loader` 这两个 loader，并且将样式文件的路径作为参数传递给 `import` 语句。

在 Vue 单文件组件中，可以使用 `@import` 声明动态引入外部 `.less` 文件，如下所示：

<template>
  <div class="app">
    ...
  </div>
</template>

<script>
export default {
  name: 'App',
  mounted () {
    // 动态引入样式文件
    import(`@/styles/${this.$route.name}.less`)
  }
}
</script>

<style lang="less">
/* 这里可以定义组件自身的样式 */
</style>

在上面的代码中，`mounted` 钩子中通过 `import` 语句动态引入了一个名为 `${this.$route.name}.less` 的样式文件。`${this.$route.name}` 是一个动态字符串，表示当前路由的名称，因此可以根据不同的路由动态引入不同的样式文件。注意，这里使用了 `vue-cli` 的别名 `@` 表示 `src` 目录。

同时，需要在 `vue.config.js` 中配置 `vue-style-loader` 和 `less-loader`，如下所示：

module.exports = {
  chainWebpack: config => {
    config.module
      .rule('less')
      .test(/\.less$/)
      .use('vue-style-loader')
      .loader('vue-style-loader')
      .end()
      .use('css-loader')
      .loader('css-loader')
      .end()
      .use('less-loader')
      .loader('less-loader')
      .end()
  }
}

上述代码中，使用 `chainWebpack` 方法配置了一个 `less` 的 loader 规则，并且使用了 `vue-style-loader` 和 `less-loader` 这两个 loader，以确保动态引入的样式文件能够正常解析。