0
点赞
收藏
分享

微信扫一扫

vue项目打包并配置到iOS工程中

践行数据分析 2023-07-13 阅读 48

一、修改vue项目的配置文件

  1. config文件夹里面的index.js中的 assetsPublicPath的值修改为“./”

在这里插入图片描述

  1. Webpack.prod.conf.jsoutput添加参数publicPath:'./'
    在这里插入图片描述

  2. webpack.base.conf.js
    publicPath: process.env.NODE_ENV === '生产' ?'./' +config.build.assetsPublicPath : './' + config.dev.assetsPublicPath
    在这里插入图片描述

二、打包vue项目

  1. 运行npm run build

  2. 在项目目录中找到dist 文件, 这个就是打包的文件

三、在Xcode项目中添加

  1. 添加文件到项目中
    在这里插入图片描述

  2. 加载H5页面

/// 加载H5
    private func loadH5() {
        urlString = "dist/index.html"
        guard let urlString = urlString else {
            return
        }
        let url: URL?
        if urlString.hasPrefix("http") {
            url = URL(string: urlString)
        } else {
            url = Bundle.main.url(forResource: urlString, withExtension: nil)
        }
        
        guard let url = url else {
            return
        }
        
        let request = URLRequest(url: url)
        self.webView.load(request)
    }
举报

相关推荐

0 条评论