Webpack “网页包”;找不到模块";

Webpack “网页包”;找不到模块";,webpack,loader,Webpack,Loader,从“吞咽”切换到“网页包”,由于某些原因,无法让更少的css工作 module.exports = { entry: { web: ['./src/web/ts/index.js'] }, output: { path: './dev/web/js/', filename: 'bundle.js' }, devtool: 'source-map', resovle: { extensi

从“吞咽”切换到“网页包”,由于某些原因,无法让更少的css工作

module.exports = {
    entry: {
        web: ['./src/web/ts/index.js']
    },
    output: {
        path: './dev/web/js/',
        filename: 'bundle.js'
    },
    devtool: 'source-map',
    resovle: {
        extensions: ['', '.js'],
        modulesDirectories: ['node_modules']
    },
    module: {
        loaders: [
            {
                test: /\.less$/,
                loaders: ['style', 'css', 'less']
            }
        ]
    }
};
这个webpack.config.js看起来不错,但是main.less中的样式没有复制到./dev文件夹,也没有被注入index.html文件(我手动将该文件复制到./dev文件夹,并且没有修改)。我试过了

require("./src/web/less/main.less");
这让我犯了一个“意外的令牌”错误,我试着

require("!style!css!less!./src/web/less/main.less");
这给我带来了一个“找不到模块”的错误。正如我所说,删除这两个文件,我得到bundle.js,但没有CSS


怎么了?请帮忙

您是否忘记了
npm安装css-loader-style-loader-less-loader


我看过几次这个问题:。

我知道这个问题很旧,但它可能对某些人有所帮助

您的网页配置中有一个输入错误:resovle->resolve