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第一个参数：设置的别名，第二个参数：设置的路径
}

打包后element字体文件路径异常

vue中常用的全局配置

原文：https://www.cnblogs.com/nanhuaqiushui/p/12727446.html