css - Primeract 和 nextjs webpack 配置

Question

如何将 css 导入到 nextjs 我是根据 nextjs 文档完成的。但它给出了错误。我必须安装 loader。但我是 webpack 的新手。我找不到如何进行 webpack 配置。请提出解决方案。

标签： csswebpacknext.jsprimereact

Answer 1

这在webpack.config.js文件中对我有用：

var webpack = require('webpack');
var path = require('path');
var nodeExternals = require('webpack-node-externals');

module.exports = {
    target: 'web',
    entry: './src/index.js',
    output: {
    path: path.resolve(__dirname, 'build'),
    filename: 'index.js',
    libraryTarget: 'commonjs2'
    },
    module: {
        rules: [
            {
                test: /\.js$/,
                include: path.resolve(__dirname, 'src'),
                exclude: /(node_modules|bower_components|build)/,
                use: {
                loader: 'babel-loader',
                options: {
                    presets: ['env']
                }
                }
            },
            {
                test: /\.css$/i,
                use: ['style-loader', 'css-loader'],
            },
            {
                test: /\.(png|jpg|woff|woff2|eot|ttf|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
                loader: 'url-loader?limit=100000'
            }
        ]
    },
    mode: 'development'
};

实际上，您需要正确的加载器才能从 ES6 转换为 ES5。

这应该有效。