模块解析失败或未找到Loader

Question

所以我一直在尝试将 CSS 加载器添加到 webpack.config.js 中，我的代码如下所示：

module.exports = {
    entry: './scripts/entry.js',
    output: {
        filename: 'bundle.js'
    },
    devtool: 'source-map',
    module: {
        loaders: [
            { 
                test   : /\.css$/,
                include: /scripts/,
                loader : "style!css"
            }
        ]
    }
};

这是一张包含所有文件和路径的图片，当我致电

时

require('style!css!./style.css');

它执行得很好，但如果我打电话

require('./style.css');

出现错误。我在某处定义了错误的路径，或者我是否错误地编写了加载程序？

Answer 1

事实上，当你运行webpack时，你的webpack.config.js没有被使用。 如果config不在当前目录中，则必须传递--config参数：

webpack --config=scripts/webpack.config.js

Answer 2

按惯例webpack从根目录中的webpack.config.js加载配置。您可以使用您的配置将配置文件移动到root，它应该可以正常工作