有什么办法从Webpack生成<link />'ed而不是内联样式表?

时间:2018-05-02 17:48:46

标签: javascript webpack create-react-app webpack-style-loader css-loader

如果我在包含css-loaderstyle-loader插件的网络包项目中有以下代码:

import 'index.css'

它会在<style>标记中生成内联样式。有没有办法利用浏览器缓存功能生成<link rel="stylesheet" href="index.css">?我知道我可以将CSS文件放在公共文件夹中,但它不会在Webpack构建管道中。是否有一些现有的CSS加载器插件可以做到这一点?或者是否存在完全放弃这种方法的强烈论据(ofc。不会将它们呈现在文档<head>中)?

1 个答案:

答案 0 :(得分:0)

没有反对这一点的论据。我甚至会说这比将css留在块中更常见。但是你需要使用一个插件。

直到最近才转到此处extract-text-webpack-plugin,但现在如果您使用的是webpack 4,我建议mini-css-extract-plugin

您可能希望将其关闭以进行本地开发。它妨碍了HMR。