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

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

Answer 2

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

Answer 3

所以问题在于使用 gulp.watch() 并使用 webpack

进行编译

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

Module parse failed or Loader not found

javascript

css

webpack

es6-module-loader