如果要做网站封装APP的话，其实非常简单的，网上很多开发者服务平台都有这个功能，操作非常简单，基本上一分钟不到就可以封装好。
在亥著开发者中心找到【产品概览】-【封装APP】
输入APP名称，网站网址，选择图标，也可以自己上传自己的图片。
然后根据自己的需要选择选择功能插件，像扫一扫、微信分享、下拉刷新这些功能都是免费添加的。
关于这个问题，还是看看官网是怎么说的吧:
翻译一下：
听上去蛮不错的，那么我们就开始用它来做一个app吧！
创建应用
如果按照Cordova( http://cordova.apache.org/ )官网所述，直接用npm全局安装 cordova ，并创建应用，你可能遇到以下错误：
此时不要紧张，卸载 cordova ，使用 yarn 重新安装一下，猜测可能和npm版本不兼容。
安装好 yarn 和 cordova 之后，使用cli命令 cordova create MyApp 创建project，此时你可能会遇到以下错误：
这是什么原因呢？
原来我们没有将 yarn 的bin目录加入到环境变量 path ，作为一个Windows僵尸粉，判断出这点还是不难的。执行以下命令，找到 yarn 的bin目录所在：
将 d:\Users\gy.wang\AppData\Local\Yarn\bin 此目录添加到windows环境变量 path
配置好环境，重新打开CLI窗口，我们终于可以顺利地创建 cordova 应用，cordova使用默认模板创建好一个Project。
添加Android平台
在项目根目录下，运行命令 cordova build android 来编译你的项目，你可能遇到以下错误：
原因是啥呢？当前cordova要求的Android版本比较高，需要安装 Android SDK Platform 25 才能顺利编译，怎么办？ 装！
打开 Android Studio , 安装SDK
安装成功之后，执行命令 cordova build android ，这次终于成功了！
APK包成功打好，这次我们运行一下，执行命令：
这次我们会遇到 环境坑四
不急，仔细看报错信息的意思是没有可用的设备或模拟器。这个简单，打开Android Studio添加一个:
再次运行 cordova run android ， 哈！ 这次成功了！
什么！闪退！WTF!
运行命令 cordova run android ，将APK包安装到模拟器上结果又报错了！
离成功就差一步了，别泄气！我们慢慢查找原因~
至此，APP终于搞定了！
不太明白你的意思首次使用Webpack,用CLI,即CommandLineInterface→确认是否安装了NodeJSnpm-v→安装Webpacknpminstallwebpack-g→创建一个简单的网站..webpacktest/.app.js.index.html→导航到webpacktest所在文件夹→对app.js文件使用webpackwebpack./app.jsbundle.js→我们看到在webpacktest目录下多了一个bundle.js文件→现在，可以在index.html中引用bundle.js文件，而不是app.js文件■在项目中添加配置文件→在项目根目录下创建名称为webpack.config.js文件当设置好webpack.config.js文件后，每次我们导航到项目，只要使用webpack这一个命令就可以使用各项功能了。module.exports={entry:"./app.js",output:{filename:"bundle.js"}}→命令行来到需要Webpack的网站下→直接输入webpack命令webpack■启用Webpack观察者模式当webpack.config.js的配置发生变化，如果每次都要手动输入webpack命令来生成js文件的话，显得相对麻烦一些。Webpack为我们提供了观察者模式，启用后，任何的webpack.config.js中的变化将接受观察，自动生成最终的js文件。→命令行来到需要Webpack的网站下→启用观察者模式webpack--watch→在webpack.config.js中添加watch字段，并设置成truemodule.exports={entry:"./app.js",output:{filename:"bundle.js"},watch:true}→这样，每次修改保存webpack.config.js中引用文件，bundle.js的文件会自动更新。■安装启用WebpackDevServer→导航到目标网站目录→输入npm命令安装WebpackDevServernpminstallwebpack-dev-server-g→输入webpack-dev-server命令webpack-dev-server→看到大致如下内容login')document.write("WelcometoBigHairConcerts!!Baby")console.log('Apploaded')→在浏览器中输入：可以看到变化。→在项目下再添加一个utils.js文件console.log('loggingfromtheutils.jsfile')→来到webpack.config.js下配置如下：module.exports={entry:["./utils","./app.js"],output:{filename:"bundle.js"},watch:true}→命令行导航到当前项目下→重新启用WebpackDevServerwebpack-dev-server→在中体现了相应的变化
