开发那点事（五）vue开发移动端app案例
开发背景
公司需要开发⼀款移动端的app，奈何团队没有ios技术，⼯期⽐较短，所以选择使⽤vue开发HTML5经过打包处理形成移动端app。项⽬构思
1 项⽬整体使⽤Vue+HbuilderX开发原生安卓app开发
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: solve(__dirname, '../demo/index.html'),
// Paths
assetsRoot: solve(__dirname, '../demo'),
assetsSubDirectory: 'static',
assetsPublicPath: './',
/**
* Source Maps
*/
productionSourceMap: false, // 置为false  减少项⽬体积
// /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

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。