vue-cli和webpack路径冲突问题

Question

vue中引入了一些组件：

   import Comment from '../components/comment';

用脚手架编译可以通过

这时用webpack打包会出现错误

ERROR in ./src/components/artical.vue?vue&type=script&lang=js& (./node_modules/babel-loader/lib??ref--1!./node_modules/vue-loader/lib??vue-loader-options!./src/components/artical.vue?vue&type=script&lang=js&)
Module not found: Error: Can't resolve '../components/comment' in '/Users/laiyinan/Documents/前端开发/blog/src/components'
 @ ./src/components/artical.vue?vue&type=script&lang=js& (./node_modules/babel-loader/lib??ref--1!./node_modules/vue-loader/lib??vue-loader-options!./src/components/artical.vue?vue&type=script&lang=js&) 71:0-44 76:4-11
 @ ./src/components/artical.vue?vue&type=script&lang=js&
 @ ./src/components/artical.vue
 @ ./src/router.js
 @ ./src/main.js

如果用resolve.alias来配置webpack，那么打包没有报错，但是脚手架会报错 找不到组件

如何处理？才能同一这两遍的路径？

Answer 1

你这是没配可省略的后缀吧

resolve: {
  extensions: ['.js', '.vue', '.json']
}