R
столкнулся с проблемой и никак не могу решить ее, помогите пожалуйста)
Size: a a a
2020 July 14
R
когда устанавливаю либу, которая внутри юзает картинки или фонты, ничего не может загрузить и на всех местах пусто
R
уже что только не пробовал заюзать и никак не могу пофиксить
R
const withPlugins = require("next-compose-plugins");
const withSass = require("@zeit/next-sass");
const withImages = require("next-images");
const withCss = require('@zeit/next-css');
const withFonts = require('next-fonts');
const nextConfig = {
webpack: (config, { buildId, dev, isServer, defaultLoaders }) => {
config.module.rules.push({
test: /\.(eot|woff|woff2|ttf|svg|png|jpg|gif)$/,
use: {
loader: 'file-loader',
options: {
limit: 100000,
name: '[name].[ext]'
}
}
})
return config;
}
};
module.exports = withPlugins(
[
withFonts,
withFonts,
withSass,
withCss,
],
nextConfig
);V
как будто лоадера не хватает,…
R
я уже все лоадеры перепробовал
🦜
когда устанавливаю либу, которая внутри юзает картинки или фонты, ничего не может загрузить и на всех местах пусто
css покажи
R
это она в модулях так выглядит
R
мой мейновый файл
R
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
@import '~boxicons/css/boxicons.css';
body {
& > * {
font-family: 'Inter', sans-serif;
}
}R
и boxicons тоже не работают
🦜
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
@import '~boxicons/css/boxicons.css';
body {
& > * {
font-family: 'Inter', sans-serif;
}
}стили через css запрашивать, а ты могешь
🦜
boxicons это вообще в public можно вынести и подключать в _document
R
ну так то да, я могу ее и как cdn покдлючить
R
но с либами остается проблема в любом случае
🦜
const withPlugins = require("next-compose-plugins");
const withSass = require("@zeit/next-sass");
const withImages = require("next-images");
const withCss = require('@zeit/next-css');
const withFonts = require('next-fonts');
const nextConfig = {
webpack: (config, { buildId, dev, isServer, defaultLoaders }) => {
config.module.rules.push({
test: /\.(eot|woff|woff2|ttf|svg|png|jpg|gif)$/,
use: {
loader: 'file-loader',
options: {
limit: 100000,
name: '[name].[ext]'
}
}
})
return config;
}
};
module.exports = withPlugins(
[
withFonts,
withFonts,
withSass,
withCss,
],
nextConfig
);options: {
limit: 100000,
name: '[name].[ext]',
esModule: false
}
limit: 100000,
name: '[name].[ext]',
esModule: false
}
🦜
попробуй так
R
Путь оно подставило, но в статику не сложило картинки теперь