VueCli4構建項目如何配置文件路徑別名？

1.在項目文件根目錄上創建 vue.config.js 文件

2.寫入以下代碼（具體內容見注釋）

const path = require('path') // 引入path模塊
function resolve(dir) {
  return path.join(__dirname, dir) // path.join(__dirname)設置絕對路徑
}
module.exports = {
  chainWebpack: config => {
    config.resolve.alias
      .set('@', resolve('./src'))
      .set('components', resolve('./src/components'))
      .set('views', resolve('src/views'))
      .set('assets', resolve('src/assets'))
    // set第一個參數：設置的別名，第二個參數：設置的路徑
  }
}