Module not found: Error: Can't resolve './style'：配置 extensions 的坑

ERROR in ./src/index.js
Module not found: Error: Can't resolve './style' in 'D:\gitcode\github\learn-webpack\demo15\src'
@ ./src/index.js 8:0-17

网上的解决方案

1.确认是否安装 css-loader 和 style-loader

npm install css-loader style-loader -D

2.配置 module.rules

// webpack.config.js
module.exports = {
    module: {
        rules: [
            {
                test: /\.css$/,
                use: ['style-loader', 'css-loader']
            }
        ]
    }
}

我的问题及解决方案

我的错误其实是 在配置 resolve.extensions 时发生错误，我配置成了

extensions: ['js', 'css', 'json'] ×

正确的配置方法是：

// webpack.config.js
module.exports = {
    resolve: {
        extensions: ['.js', '.css', '.json']
    }
}

总结：

• resolve.extensions 扩展名要求写全，不支持不加 . 的写法。
• 报错提示找不到 ./style 模块，其实就是因为补全扩展名的配置没有生效。