php中文网

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

php中文网

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 样式后,样式无法打包,如何解决?的详细内容,更多请关注php中文网其它相关文章!