如何使用Webpack打包非入口文件中的 Tailwind CSS 样式？

发布日期： 2024-11-05 阅读量： 作者： 网络

如何使用webpack打包非入口文件中的 tailwind css 样式？

配置webpack tailwindcss以打包非入口文件中的样式

为了将non-entry文件中的tailwindcss样式被打包到新的css文件，需要对webpack tailwindcss的配置进行修改。

在tailwind.config.js文件中，新增purge配置项，并添加需要被解析的文件路径。如下所示：

module.exports = {
  purge: ['src/*.html','src/base/*.html'],
  darkMode: false, // or 'media' or 'class'
  theme: {
      extend: {},
  },
  variants: {
      extend: {},
  },
  plugins: [],
};

# css # ai

上一篇: linux添加路由命令是什么

如何使用Webpack打包非入口文件中的 Tailwind CSS 样式？

随便看看