在Vue項目中，我們可以使用less等預編譯器來編寫樣式。如果我們想引入外部的less文件，需要進行以下步驟。

// 安裝less和less-loader
npm install less less-loader -D

在vue.config.js中進行如下配置：

module.exports = {
css: {
loaderOptions: {
less: {
javascriptEnabled: true
}
}
}
}

然后可以在樣式文件中使用@import引入外部的less文件。

如果要引入外部的node_modules中的less文件，需要使用~來引入：

@import '~element-ui/lib/theme-chalk/base.less';

需要注意的是，在引入外部less文件時，需要注意路徑的問題。如果文件路徑不正確，會出現編譯錯誤。另外，引入的文件中也需要使用正確的路徑引入其他文件。

如果引入的文件中有變量定義，可以將變量集中在一個文件中，然后在其他文件中進行引用。例如：

// 變量文件 variables.less
@primary-color: #409EFF;
@secondary-color: #67C23A;
// base.less文件
@import "./variables";
#app {
background-color: @primary-color;
}
// 其他文件
@import "./variables";
@import "./base.less";

可以看出，定義變量使用@符號，在其他文件中使用時也要使用@符號。

總之，引入外部less文件需要進行正確的配置和路徑設置，以避免編譯錯誤。合理地使用less可以提高樣式的編寫效率和可維護性。