将css添加为<link tag =“”that =“”@ import =“”another =“”css =“”from =“”node_modules =“”

Question

=“”

如何导入此css .. /styles/app.css只包含一个导入...

@import 'normalize.css';

将_document标记为<link

import stylesheet from 'styles/app.css'

....

<link rel="stylesheet" href={stylesheet) />

next.config.js配置...

config.module.rules.push({
    test: /\.css$/,
    loader: 'emit-file-loader',
    options: {name: 'dist/[path][name].[ext]'}
});
config.module.rules.push({
    test: /\.css$/,
    use: [                        {
        loader: 'file-loader',
        options: {
            context: 'public',
            name: 'styles/[name]-[hash].[ext]',
            publicPath: '/',
        },
    }, 'postcss-loader']
});

但是dist文件夹中生成的结构是错误的

我在控制台上获得了404 ..

检查online here