Question

我目前正在使用带有miniCssExtractPlugin的css模块，它已连线，无法正常工作，确实将css提取到一个单独的css文件中，但是css文件为空。当我使用样式加载程序时，css模块看起来不错，但不会将CSS提取到单独的文件中。

public class fullscreen : MonoBehaviour
{
    // Start is called before the first frame update
    void Start() =>
        // Toggle fullscreen
        Screen.fullScreen = !Screen.fullScreen;

    // Update is called once per frame
    void Update()
    {

    }
}

但是当我尝试在生产模式下使用miniCssExtractPlugin时，生成的css文件为空。代码如下：

const cssDevRules=[
{
    loader:'style-loader'
},
{
    loader:'css-loader?modules&localIdentName=[name]_[local]_[hash:base64:5]',
},
{
    loader:'sass-loader',
}];

我还尝试将样式加载器与ExtractTextPlugin一起使用，但仍无法正常工作，有人可以告诉我如何解决此问题吗？我将把所有的webpack.config.json放在这里供您参考。

const cssProdRules=[
{
    loader: MiniCssExtractPlugin.loader,

},
{
    loader:'css-loader?modules&localIdentName=[name]_[local]_[hash:base64:5]',
},
{
    loader:'sass-loader',
}];

生产模式不起作用，MiniCssExtract生成的css为空，有人可以帮忙吗？

为什么我使用minicssExtractPlugin时CSS模块不起作用？

0 个答案: