css - 使用Webpack将.less文件编译为特定的.css文件

我想使用webpack将style.less文件编译为module.css文件。

我发现https://github.com/webpack-contrib/less-loader是一个非常受欢迎的软件包，但是对于我来说似乎不起作用，因为我确实需要创建该module.css文件。

那么如何使用webpack做到这一点？

最佳答案

自己找到解决方案。以下webpack.config.js代码段对我有用：

const ExtractTextPlugin = require("extract-text-webpack-plugin");
module.exports = function(env) {
    return {
       ...
        module: {
            loaders: [
                {
                    test: /.*\.less$/,
                    loader: ExtractTextPlugin.extract({
                        loader:[ 'css-loader', 'less-loader' ],
                        fallbackLoader: 'style-loader'
                    })
                }
            ]
        },
        plugins: [
            new ExtractTextPlugin({ filename: 'module.css', disable: false, allChunks: true })
        ]
    };
};

其中...是配置的其他部分的占位符，与此处无关。

关于css - 使用Webpack将.less文件编译为特定的.css文件，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/46075362/