如何使用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: [],
};

这样一来，索引的html文件及其中引用的header.html文件中的tailwindcss类名就可以被正确打包到css文件中。

以上就是如何使用Webpack打包非入口文件中的 Tailwind CSS 样式？的详细内容，更多请关注其它相关文章！