webpack“找不到模块”

Question

从 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。

怎么了？请帮忙！

Answer 1

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

见过这个问题几次：webpack error in Cannot find module 'less'。