Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
css@font-face的网页包配置?当前安装程序将url()更改为非常长的字符串_Css_Webpack_Fonts_Font Face - Fatal编程技术网

css@font-face的网页包配置?当前安装程序将url()更改为非常长的字符串

css@font-face的网页包配置?当前安装程序将url()更改为非常长的字符串,css,webpack,fonts,font-face,Css,Webpack,Fonts,Font Face,我正在用webpack 5.4.0捆绑并最小化我的css 这一切正常,除了font.css文件,它最初只是这样: @font-face{ 字体系列:“库林公园”; 字体风格:普通; 字体大小:400; src:url('../font/kulim-park-v2-latin/kulim-park-v2-latin-regular.eot'); src:local(“”),url(“../font/kulim-park-v2-latin/kulim-park-v2-latin-regular.eo

我正在用webpack 5.4.0捆绑并最小化我的css

这一切正常,除了
font.css
文件,它最初只是这样:

@font-face{
字体系列:“库林公园”;
字体风格:普通;
字体大小:400;
src:url('../font/kulim-park-v2-latin/kulim-park-v2-latin-regular.eot');
src:local(“”),url(“../font/kulim-park-v2-latin/kulim-park-v2-latin-regular.eot?#iefix”)格式('embedded-opentype'),
url('../fonts/kulim-park-v2-latin/kulim-park-v2-latin-regular.woff2')格式('woff2'),
url('../fonts/kulim-park-v2-latin/kulim-park-v2-latin-regular.woff')格式('woff'),
url('../fonts/kulim-park-v2-latin/kulim-park-v2-latin-regular.ttf')格式('truetype'),
url('../fonts/kulim-park-v2-latin/kulim-park-v2-latin-regular.svg#KulimPark')格式('svg');
}
@字体{
字体系列:“statliches”;
字体风格:普通;
字体大小:400;
src:url('../fonts/staatliches-v5-latin/staatliches-v5-latin-regular.eot');
src:local('statliches Regular')、local('statliches-Regular'),
url('../fonts/Statliches-v5-latin/Statliches-v5-latin-regular.eot?#iefix')格式('embedded-opentype'),
url('../fonts/Statliches-v5-latin/Statliches-v5-latin-regular.woff2')格式('woff2'),
url('../fonts/Statliches-v5-latin/Statliches-v5-latin-regular.woff')格式('woff'),
url('../fonts/Statliches-v5-latin/Statliches-v5-latin-regular.ttf')格式('truetype'),
url('../fonts/statliches-v5-latin/statliches-v5-latin-regular.svg#statliches')格式('svg');
}
最后一个bundle是km,将
url()
转换为km(在开发中,在生产中,将“正确的”部分最小化)

@font-face{
字体系列:“库林公园”;
字体风格:普通;
字体大小:400;
src:url(数据:application/vnd.ms fontobject;base64,Keoaixjaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaababababababababababababababaaqawb1agwaaqbababababaaqaaaaaaaaaaaaaaaaaaaaaabababababaaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqa这是一个关于2个2层的研究,这是一个关于一个关于2个2层的研究,一个关于2个2层的研究,一个关于4个4层的研究,一个关于一个关于一个关于一个关于一个准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准准5.5.目前,中国的一个10 10十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十w1RK98xVGJZ8QTnVRNI3RUO4MZJMGZTRP1QJ6BHROEWNITLYXPS/UAOQZZBSINE4DDALUAFPXSN+WJM2RYA1NRWEKIF2R5FLPGC8NBGLMAZ4FOWCBD9RQOP9BHKIYBKZ3QJNBWOGJYWCLTWDSV+CXJ1YSS5NGFZBEYEYXGP6Q+7B4YM2O1GWQDVGYH2B2AP5YXYPEUYK7YKKKKKQDPR8BQCPC8BCL8BYK7BYK7BYK7BYK7BYKKKKKKKK7BYKKKKKKKKK7BYK7BYKKKKKKKKKZ2BJJJJJJJJ8BYKZ2BJJJJ8BYKZ2
网页包配置中的错误在哪里?(我粘贴了相关部分)

const fastlob=require('fast-glob')
const path=require('路径')
const webpack=require('webpack')
const MiniCssExtractPlugin=require('mini-css-extract-plugin')
const CssMinimizerPlugin=require('css-minimizer-webpack-plugin')
const isDev=process.env.NODE_env!=“生产”
常量filename=isDev?'[name]':'[contenthash].[name]'
常量条目={
css:[
resolve(uu dirname,'src/_assets/styles/base.css'),
resolve(uu dirname,'src/_assets/styles/fonts.css'),
resolve(uu dirname,'src/_assets/styles/site.css'),
resolve(uu dirname,'src/_assets/styles/atomic.css'),
resolve(uu dirname,'src/_assets/styles/theme.css'),
],
}
module.exports={
模式:isDev?“开发”:“生产”,
统计数据:{
颜色:对,
预设:'最小',
},
性能:{hits:isDev?'warning':false},
devtool:isDev?“廉价模块源映射”:“源映射”,
条目:条目,
输出:{
path:path.resolve(uu dirname,'.\u build/_assets'),
publicPath:“/_assets/”,
},
插件:[
新压缩插件({
文件名:'[path][base].gz',
算法:“gzip”,
测试:/\(js | css | html | svg)$/,
阈值:10240,
最低比率:0.8,
}),
新建webpack.ids.HashedModuleIdsPlugin(),
新的ManifestPlugin(),
新RemoveEmptyScriptsPlugin(),
新的MinicsSextract插件({
文件名:`${filename}.css`,
}),
],
…(!isDev&&{
优化:{
诺丁诺夫:“生产”,
曼格尔瓦什:是的,
removeAvailableModules:true,
最小值:[
新的TerserPlugin(),
新CssMinimizerPlugin({
最小化选项:{
预设:[
“默认值”,
{
丢弃注释:{removeAll:true},
丢弃未使用:{removeAll:true},
},
],
},
}),
],
},
}),
模块:{
规则:[
{
测试:/\.js$/,,
排除:/node_模块/,
用法:[{loader:'babel loader'}],
},
{
测试:/\.css$/i,
排除:/node_模块/,
使用:[
{
加载器:MiniCssExtractPlugin.loader,
选项:{},
},
{
加载器:“css加载器”,
选项:{
资料来源:isDev,
},
},
],
},
{
测试:/\(eot | svg | ttf | woff | woff2)$/,
用法:[{loader:'url loader'}],
},
],
},
决心:{
别名:{
assets:path.resolve(uuu dirname,'src/assets'),
},
},
}

因为您正在使用
url
 {
        test: /\.(woff|woff2|eot|ttf|otf)$/i,
        type: 'asset/resource',
      },