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

来到golang学习网的大家，相信都是编程学习爱好者，希望在这里学习文章相关编程知识。下面本篇文章就来带大家聊聊《使用 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 样式后，样式无法打包，如何解决？》的详细介绍，大家都掌握了吧！如果想要继续提升自己的能力，那么就来关注golang学习网公众号吧！