在Vue項目中，我們通常需要建立一些公共的js文件，這些文件可以包含全局的變量、類、函數(shù)等，以方便各個組件間的調(diào)用。為了方便維護和拓展，我們需要將這些公共js文件進行模塊化，并且合理地引入到我們的項目中。

一般來說，我們會將公共js文件放置在src目錄下的一個特定文件夾中，例如common文件夾。接下來，我們可以使用ES6的模塊化語法，將這些文件進行拆分。

export const baseURL = 'http://api.example.com';
export function formatDate(date) {
// ...
}
export class Person {
// ...
}

以上代碼是一個例子，我們可以根據(jù)需求拆分出不同的模塊，并且導出對應(yīng)的變量、函數(shù)、類等。

接下來，我們需要在項目中合理地引入這些公共js文件。在Vue項目中，我們可以使用Webpack進行打包，因此我們可以通過Webpack的alias配置，將common文件夾路徑映射到一個特定的字符中，例如"@common"：

resolve: {
alias: {
'@common': path.resolve(__dirname, './src/common')
}
}

通過以上配置，我們就可以使用"@common"來代替"./src/common"的路徑了。在需要引入公共js文件的地方，我們可以直接使用"@common"來進行引入：

import { formatDate } from '@common/utils';
export default {
methods: {
doSomething() {
const now = new Date();
const formatted = formatDate(now);
// ...
}
}
}

以上代碼是一個示例，在組件中引入了"@common/utils"中的"formatDate"函數(shù)，并且使用該函數(shù)對當前時間進行格式化處理。

需要注意的是，我們需要在Webpack的配置文件中對公共js文件進行單獨的打包，以便在使用時進行引入。在Webpack 4中，默認使用了Tree Shaking機制，因此只會打包需要的代碼。我們可以使用以下配置對公共js文件進行單獨打包：

module.exports = {
entry: {
vendor: [
'@common/utils',
'@common/config'
]
},
output: {
filename: '[name].[chunkhash].js',
path: path.join(__dirname, 'dist')
}
};

以上代碼中，我們通過entry配置對需要打包的公共js文件進行定義，例如"@common/utils"和"@common/config"。在output中，我們將打包后的文件輸出到dist目錄中。

最后，我們需要在HTML中正確地引入打包后的公共js文件：

以上代碼中，我們將打包后的公共js文件進行引入，并且指定了路徑。在具體的項目中，我們需要根據(jù)實際情況進行修改。

總的來說，建立公共js文件并且合理地引入是Vue項目中一個重要的環(huán)節(jié)。通過以上的介紹，相信大家已經(jīng)對如何建立和引入公共js文件有了更好的理解。