vue.config.js 配置路徑別名

path模塊是node.js中處理路徑的核心模塊。可以很方便的處理關於文件路徑的問題。
const path = require('path')

// 拼接路徑
function resolve(dir) {
  return path.join(__dirname, dir)
}

module.exports = {
  publicPath: './', // 部署應用包時的基本 URL Default: '/'
  outputDir: 'dist',
  assetsDir: 'static', // 放置生成的靜態資源 (js、css、img、fonts) 的 (相對於 outputDir 的) 目錄。
  indexPath: 'index.html', // 指定生成的 index.html 的輸出路徑 (相對於 outputDir)。也可以是一個絕對路徑。 Default: 'index.html'
  chainWebpack: config => {
    config.resolve.alias
      .set('@', resolve('src'))
      .set('assets', resolve('src/assets'))
      .set('components', resolve('src/components'))
      .set('common', resolve('src/common'))
  }
}