webpack“找不到模块”

2024年1月25日 201次阅读

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

出了什么问题？请帮忙！

最佳答案 您是否忘记了npm安装css-loader style-loader less-loader？

看了几次这个问题.

https://stackoverflow.com/a/36781257/1624684

点赞