vue中路径别名

在webpack.base.conf.js中配置

在resolve中设置别名

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

别名修改之后要重新运行项目

使用

1. 在页面中import可以直接使用别名
   
2. 在标签内引用需要添加~