vue-cli3进行路径自定义

在vuecli2 中要是想要修改自定义路径需要到build文件夹下面的webpack.base.conf.js文件 里面

修改如下部分:

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

在alias中加入新的自定义键值对即可。 

而在vuecli3中，不再存在build文件夹，所有的配置都需要在一个自己增加的文件vue.config.js中添加，这个文件放在

这个位置即可，再加入如下的代码进行配置即可。vue.config.js文件配置可以具体参考https://cli.vuejs.org/zh/config/#indexpath

let path = require('path')
function resolve (dir) {
  return path.join(__dirname, dir)
}
module.exports = {
  chainWebpack: config => {
    config.resolve.alias
      .set('@', resolve('src')) 
  }
}