我想为nginx mime类型添加一些额外的类型,但我不想编辑默认值, /etc/nginx/mime.types因为它会为部署过程增加一些额外的复杂性.
如果我向我添加一个types {...}部分,nginx.conf它将覆盖用声明的所有其他类型include mime.types;.
我认为我可以为我需要处理的文件的扩展编写一个位置规则,但我想必须有一种更清晰的方法来实现这一点.
在我的 Next.js (9.4.4) / Tailwind.css (1.4.6) 项目中,我使用了一种名为 SpaceGrotesk 的自定义字体。为了使其正常工作,我将字体设置为 my public/fonts/spaceGrotesk,然后按如下方式配置文件:
// next.config.js
module.exports = {
cssModules: true,
webpack: (config, options) => {
config.node = {
fs: "empty",
};
config.module.rules.push({
test: /\.(png|woff|woff2|eot|ttf|svg)$/,
use: [
options.defaultLoaders.babel,
{
loader: "url-loader?limit=100000",
},
{
loader: "file-loader",
},
],
});
return config;
},
};
Run Code Online (Sandbox Code Playgroud)
/** tailwind.css */
@tailwind base;
@tailwind components;
@tailwind utilities;
@font-face {
font-family: SpaceGrotesk;
font-weight: 400;
font-display: auto;
src: url(../public/fonts/spaceGrotesk/SpaceGrotesk-Regular.woff) format("woff");
}
Run Code Online (Sandbox Code Playgroud)
// tailwind.config.js
module.exports = {
purge: {
mode: "all", …Run Code Online (Sandbox Code Playgroud)