vue打包

Posted liuboyuan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue打包相关的知识,希望对你有一定的参考价值。

一、修改配置文件

1.build->utils.js

增加 :publicPath:‘../../‘ 

// Extract CSS when that option is specified
// (which is the case during production build)
if (options.extract) {
  return ExtractTextPlugin.extract({
    use: loaders,
    fallback: ‘vue-style-loader‘,
    publicPath:‘../../‘ //解决打包后icon异常问题
  })
} else {
  return [‘vue-style-loader‘].concat(loaders)
}

2.config->index.js

增加:build中将  assetsPublicPath: ‘/‘, 替换为 assetsPublicPath: ‘./‘

解决打包后资源找不到问题

以上是关于vue打包的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段1——vue主模板

VSCode自定义代码片段——.vue文件的模板

VSCode自定义代码片段(vue主模板)

VSCode自定义代码片段11——vue路由的配置

VSCode自定义代码片段11——vue路由的配置

VSCode自定义代码片段11——vue路由的配置