如何将html+css+js打包成apk或者ipa文件?

JavaScript014

如何将html+css+js打包成apk或者ipa文件?,第1张

想要把网页装进Android或者IOS手机里本事对于H5开发的技术而言难度不小,不仅要懂安卓和苹果的操作机制,还要确保封装打包后的网页内的功能是否可以正常使用

不过现在的前端技术打包APP基本都不会使用创建一个Android项目,在布局文件中加入WebView组件这种传统且繁琐的方式,主流的操作都是选择开发者服务平台。

目前开发者服务平台基本已经非常低成本的解决了网址封装打包APP的需求,以亥著开发者服务平台为例

用户只需要提供网址、logo、开屏图、应用名,然后选择需要的插件服务,即可在两分钟内生成IPA或者APK文件。

如图所示

webpack把各个模块的css打包成一个方法:

webpack.config.js配置如下

var ExtractTextPlugin = require("extract-text-webpack-plugin")//extract-text-webpack-plugin安装此插件

module:{

loaders:[

{test: /\.css$/, loader: ExtractTextPlugin.extract("style-loader", "css-loader")}

]

},

plugins:[

new ExtractTextPlugin("css/[name].css")//则会生成一个css文件

]

比如你的js文件中这样引入即可:

import './css/lib/bootstrap.min.css'

import './css/test.css'

rules: [

{

test: /\.css$/,

use: ExtractTextPlugin.extract({

fallback: "style-loader",

use: "css-loader"

})

}

]

以后再遇到这样的问题 可以直接搜索这个插件 看它的用法