vue-cli2.0打包上线

打包后空白页

在config文件加下index.js文件中,找到 build 中的 assetsPublicPath 将 assetsPublicPath: '/' 修改为 assetsPublicPath: './' 即添加一个点

iview图标不显示

更改 build/utils.js 文件中 ExtractTextPlugin 插件的options 配置:

添加 publicPath: '../../', 完美解决问题


if (options.extract) {
  return ExtractTextPlugin.extract({
    use: loaders,
    publicPath: '../../',         // 注意配置这一部分,根据目录结构自由调整
    fallback: 'vue-style-loader'
  })
} else {
  return ['vue-style-loader'].concat(loaders)

在build/webpack.prod.conf.js中把extract:true 改为 fasle,然后再重新build就可以了

module: {
  rules: utils.styleLoaders({
    sourceMap: config.build.productionSourceMap,
    extract: false,
    usePostCSS: true
  })
}

npm run build

运行
打开FileZilla
在htdoc下新建文件夹
将dist下的文件复制到目录下
http://runningh5.top/vuecheshi/#/

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 原文http://www.cnblogs.com/libin-1/p/6596810.html 版本号 vue-c...
    tengrl阅读 9,112评论 0 0
  • vue项目打包问题汇总 打包命令是npm run build,这个命令实际上是在package.json中,scr...
    朱朱是个小太阳阅读 5,171评论 0 5
  • vue-cli搭建项目 确保安装了node与npm 再目标文件夹下打开终端 执行cnpm i vue-cli -g...
    Akiko_秋子阅读 8,479评论 1 22
  • 前端人员都知道,webpack能替代部分 grunt/gulp 的工作,比如打包、压缩混淆、图片转base64等。...
    youth_MrZhou阅读 4,406评论 0 2
  • 承接《轻记青念9——大学回忆》 2013.4.10 辅导员、班主任时常提醒我想办法提升班级整体质量,这我一直没有忘...
    小智哒哒阅读 734评论 0 0