开发背景
公司需要开发一款移动端的app,奈何团队没有ios技术，工期比较短，所以选择使用vue开发HTML5经过打包处理形成移动端app。
项目构思
1 项目整体使用Vue+HbuilderX开发
便宜香港vps 2 Vue实现基本页面跳转，增删改查等app基本功能，当需要使用到app原生功能则使用mui.js
3 最后通过HbuilderX将vue项目打包成app包
开发实践
1 运行打包app
这一步的步骤比较简单，首先通过npm run build 命令打包vue项目，下面是vue打包配置
config/index.js
build: { // Template for index.html index: path.resolve(__dirname, ‘../demo/index.html’), // Paths assetsRoot: path.resolve(__dirname, ‘../demo’), assetsSubDirectory: ‘static’, assetsPublicPath: ‘./’, /** * Source Maps */ productionSourceMap: false, // 置为false 减少项目体积 // https://webpack.js.org/configuration/devtool/#production devtool: ‘#source-map’, // Gzip off by default as many popular static hosts such as // Surge or Netlify already gzip all static as 19963137
