webpack+vue配置省略文件扩展名的问题

Question

webpack配置文件中相关配置如下：

reslove: {
    extensions: ['', '.js', '.json', '.vue', '.scss', '.css']
}

引入方式如下：

import comp from 'components/comp'

但依然会提示找不到文件，必须加上扩展名才可以。
看webpack文档这块也没有太多复杂的东西，有谁遇到过相似的问题吗

Answer 1

用vue-cli 创建项目，官方已经打包好依赖得工具、环境

https://github.com/vuejs/vue-cli/blob/ma...

使用 vue init webpack-simple my-project 命令来创建

Answer 2

看起来是可以的，还有完整点的配置代码么

Answer 3

需要一个loader
module: {

    rules: [
        {
            test: /\.vue$/,
            loader: 'vue-loader'
        },
    ]
}              

Answer 4

reslove: {

extensions: ['', '.js', '.json', '.vue', '.scss', '.css']

}

resolve 写错了吧

Answer 5

configuration.resolve.extensions[0] should be an non-empty string
数组第一个不能是空字符串

Answer 6

说出来你可能不信，你字母写错了 resolve

Answer 7

尝试调换一下配置的顺序
extensions: ['.vue', '.js', '.json', '.scss', '.css']

Answer 8

resolve拼错了

Answer 9

新版本中 extensions: [' ', '.js', '.json', '.vue', '.scss', '.css'] 中的空字符串，必须加空格