import是Vue.js中非常重要的一個概念，它用于導(dǎo)入其他文件或模塊中的代碼。在使用Vue.js時，我們經(jīng)常需要在一個組件或頁面中使用另一個組件或頁面中的代碼，這時就需要使用import進(jìn)行導(dǎo)入。在這篇文章中，我們將討論Vue.js中import的配置。

要使用import導(dǎo)入代碼，需要在代碼的文件頂部使用import語句，語法如下：

import { 模塊名 } from '模塊路徑';

其中，模塊名表示要導(dǎo)入的模塊的名稱，模塊路徑表示模塊所在的文件路徑。在實(shí)際使用中，我們通常會使用相對路徑或絕對路徑來表示模塊的路徑。 例如，下面是一個從components目錄中導(dǎo)入HelloWorld組件的例子：

import HelloWorld from '@/components/HelloWorld';

除了從其他文件中導(dǎo)入代碼，Vue.js還支持從第三方模塊中導(dǎo)入代碼。在這種情況下，我們需要使用npm或yarn等包管理工具來安裝相應(yīng)的第三方模塊，然后使用import語句來導(dǎo)入需要的代碼。 例如，下面是從axios模塊中導(dǎo)入代碼的例子：

import axios from 'axios';

最后，需要注意的是，在使用ES6的模塊化語法時，我們需要將代碼文件的擴(kuò)展名設(shè)置為.mjs或.js。同時，我們需要在Vue.js的配置文件中啟用ES6的模塊化語法，配置如下：

module.exports = {
// ...
module: {
rules: [
{
test: /\.m?js$/,
exclude: /(node_modules|bower_components)/,
use: {
loader: 'babel-loader',
options: {
presets: ['@babel/preset-env']
}
}
}
]
}
}

這樣，我們就可以在Vue.js項(xiàng)目中使用import語句進(jìn)行模塊化開發(fā)了。