vue-elementui-admin 项⽬woff ，tff 字体404处理
这样导致直接就多了static/css两层路径最后导致404
在⽹上看了好多资料是说加个
publicPath:’…/…/’
但是就是不知道放在什么地⽅。。。。。。。。。。。。。。。。
思考：
查看最原始的elementui 使⽤的是 ExtractTextPlugin webpack 是3.10.0的在下⾯的代码中添加
publicPath:’…/…/'就可以解决404问题了
act({
use: loaders,
fallback: ‘vue-style-loader’，
publicPath:’…/…/’
})
// generate loader string to be used with extract text plugin 在看本地是⽤的webpack 4.16.0 使⽤的是
MiniCssExtractPlugin
vue element adminfunction generateLoaders (loader, loaderOptions) {    const loaders = options.usePostCSS ? [cssLoader, postcssLoader] : [cssLoader]    if (loader) {
loaders.push({
loader: loader + '-loader',
options: Object.assign({}, loaderOptions, {
sourceMap: options.sourceMap
})
})
}
// Extract CSS when that option is specified
// (which is the case during production build)
if (act) {
act({
use: loaders,
fallback: 'vue-style-loader'，
publicPath:'../../'
})
} else {
return ['vue-style-loader'].concat(loaders)
}
}
最后只能仿照上⾯的模式写⼀个了最后测试404问题解决，不知道还有没有其他问题  function generateLoaders(loader, loaderOptions) {
const loaders = []
// Extract CSS when that option is specified    // (which is the case during production build)
if (act) {
loaders.push(MiniCssExtractPlugin.loader)
} else {
loaders.push('vue-style-loader')
}
loaders.push(cssLoader)
if (options.usePostCSS) {
loaders.push(postcssLoader)
}
if (loader) {
loaders.push({
loader: loader + '-loader',
options: Object.assign({}, loaderOptions, {
sourceMap: options.sourceMap
})
})
}
return loaders
}
function generateLoaders(loader, loaderOptions) {
const loaders = options.usePostCSS ? [cssLoader, postcssLoader] : [cssLoader]    if (loader) {
loaders.push({
loader: loader + '-loader',
options: Object.assign({}, loaderOptions, {
sourceMap: options.sourceMap,
}),
})
}
//  if (act) {
return [
loader: MiniCssExtractPlugin.loader,
options: {
publicPath: '../../'
}
} : 'vue-style-loader',
].concat(loaders)
// }
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。