javascript - 模块解析失败或找不到加载程序

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 参数:

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