Vueで一般的に使用されるグローバル構成

まず、srcエイリアスを設定します

cli2

build-> webpack.base.config.js

resolve:{
    extensions:['.js','.vue','.json'],
    alias:{
        'vue$':'vue/dist/vue.esm.js',
        '@': resolve('src')
    }
}

cli3〜cli4

vue.config.js

// 引入path模块
import { join } from 'path'
function resolve (dir) {
  // path.join(__dirname)设置绝对路径
  return join(__dirname, dir)
}
export function chainWebpack (config) {
  config.resolve.alias
    .set('@', resolve('./src'))
    .set('components', resolve('./src/components'))
    .set('assets', resolve('./src/assets'))
    .set('commonjs', resolve('./src/commonjs'))
    .set('network', resolve('./src/network'))
    .set('views', resolve('./src/views'));
  // set第一个参数：设置的别名，第二个参数：设置的路径
}

要素フォントファイルのパスがパッケージ化後に異常になる