码迷,mamicode.com
首页 > 其他好文 > 详细

vue-cli设置引入目录

时间:2017-11-03 11:03:24      阅读:191      评论:0      收藏:0      [点我收藏+]

标签:import   vendor   div   component   span   comm   mon   开始   exports   

打开build/webpack.base.conf.js

找到module.exports下的resolve这行

刚开始是这样的

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

改成:

  resolve: {
    extensions: [‘.js‘, ‘.vue‘, ‘.json‘],
    alias: {
      ‘vue$‘: ‘vue/dist/vue.esm.js‘,
      ‘@‘: resolve(‘src‘),
      ‘src‘: path.resolve(__dirname, ‘../src‘),
      ‘pages‘: path.resolve(__dirname, ‘../src/pages‘),
      ‘common‘: path.resolve(__dirname, ‘../src/common‘),
      ‘vendor‘: path.resolve(__dirname, ‘../src/vendor‘),
      ‘components‘: path.resolve(__dirname, ‘../src/components‘),
    }
  },

然后你就可以在任意.vue文件,使用import xxxComponent from ‘components/xxxComponent‘

 

vue-cli设置引入目录

标签:import   vendor   div   component   span   comm   mon   开始   exports   

原文地址:http://www.cnblogs.com/zph666/p/7776696.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!