webpack“找不到模块”答案

【问题标题】：webpack "cannot find module"webpack“找不到模块”
【发布时间】：2016-04-19 13:42:33
【问题描述】：

从 Gulp 切换到 Webpack，由于某种原因无法让 LESS 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。

怎么了？请帮忙！

【问题讨论】：

标签： webpack loader

【解决方案1】：

你忘记npm install css-loader style-loader less-loader了吗？

多次看到这个问题：webpack error in Cannot find module 'less'。

【讨论】：

【解决方案2】：

我知道这是旧的，但无论如何它可能对某人有帮助。

你的 webpack 配置中有一个错字：resovle -> resolve

【讨论】：