为什么DllPlugin打包后样式文件没生效，打包后的dll里没有CSS内容？

令狐若曦提问于 2026-02-13 22:49:26 阅读 28

前端

我用Webpack的DllPlugin打包公共依赖时，发现生成的dll文件里没有包含我配置的CSS文件。虽然在entry里加入了样式表路径，但打包后的manifest.json里也没有相关记录。

尝试过把css-loader加到dll的loader配置里，但控制台报错说找不到style-loader。现在页面上的组件样式全乱了，应该怎样正确打包CSS到dll里呢？


/* common-styles.css */
.container {
  background: #f0f0f0;
  padding: 20px;
}
.button {
  color: white;
  border-radius: 4px;
}

DllPlugin的配置里entry写的是[‘react’, ‘./src/assets/common-styles.css’]，但打包后的dll vendor-manifest.json里只有react相关的内容。

Plugin Webpack

我来解答赞 6 收藏

反馈

1 条解答

Dev · 静怡 Lv1

最简单的办法是别把CSS打进DLL，太麻烦了。你可以在主项目里单独处理样式文件，用MiniCssExtractPlugin抽出来，这样更省事。

如果你非得打进去，那就得手动加个style-loader和css-loader的配置，但说实话不推荐。直接在主项目里处理样式，大家都这么干。

module.exports = {

  module: {

    rules: [

      {

        test: /.css$/,

        use: ['style-loader', 'css-loader']

      }

    ]

  }

};

2026-02-14 05:03