如果我在包含css-loader
和style-loader
插件的网络包项目中有以下代码:
import 'index.css'
它会在<style>
标记中生成内联样式。有没有办法利用浏览器缓存功能生成<link rel="stylesheet" href="index.css">
?我知道我可以将CSS文件放在公共文件夹中,但它不会在Webpack构建管道中。是否有一些现有的CSS加载器插件可以做到这一点?或者是否存在完全放弃这种方法的强烈论据(ofc。不会将它们呈现在文档<head>
中)?
答案 0 :(得分:0)
没有反对这一点的论据。我甚至会说这比将css留在块中更常见。但是你需要使用一个插件。
直到最近才转到此处extract-text-webpack-plugin,但现在如果您使用的是webpack 4,我建议mini-css-extract-plugin。
您可能希望将其关闭以进行本地开发。它妨碍了HMR。