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

你忘了<preference name="AllowInlineMediaPlayback" value="true"/>了吗？

几次看过这个问题。

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

Answer 2

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

你的webpack配置中有一个拼写错误： resovle - ＆gt;解决

webpack“找不到模块”

2 个答案: