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 模块，其实就是因为补全扩展名的配置没有生效。