使用 raw-loader 引入 TailwindCSS 样式后，样式无法打包，如何解决？

webpack tailwindcss raw-loader 样式未打包的问题

webpack 使用 raw-loader 引入的文件中的 tailwindcss 类名无法被打包的问题，可能是因为 webpack 将其作为字符串处理。要解决这个问题，可以在 tailwind.config.js 中使用 purge 配置项：

module.exports = {
  purge: ['src/*.html','src/base/*.html'], // 这里添加要解析的非入口文件
  ...
};

将 purge 配置为包含引入了 raw-loader 文件的 html 文件。这将指示 tailwindcss 解析这些文件中的类名并将其包含在生成的 css 文件中。这样，tailwindcss 就可以识别这些类名并将其正确打包。

以上就是使用 raw-loader 引入 TailwindCSS 样式后，样式无法打包，如何解决？的详细内容，更多请关注其它相关文章！