Primeract and nextjs webpack config

Question

我怎样才能将 css 导入到 nextjs 我是根据nextjs文档做的。但它给出了错误。我必须安装加载程序，但我是 webpack 的新手。我没有找到如何进行网络包配置。请提供解决方案。

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。

这应该有效。