一、修改vue项目的配置文件
- 将
config文件夹里面的index.js中的assetsPublicPath的值修改为“./”
-
Webpack.prod.conf.js中output添加参数publicPath:'./'
-
在
webpack.base.conf.js里publicPath: process.env.NODE_ENV === '生产' ？'./' +config.build.assetsPublicPath : './' + config.dev.assetsPublicPath
二、打包vue项目
-
运行
npm run build -
在项目目录中找到dist 文件， 这个就是打包的文件
三、在Xcode项目中添加
-
添加文件到项目中
文章来源：https://www.toymoban.com/news/detail-535817.html -
加载H5页面文章来源地址https://www.toymoban.com/news/detail-535817.html
/// 加载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)
}
到了这里，关于vue项目打包并配置到iOS工程中的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
