开发那点事（五）vue开发移动端app案例

开发背景
公司需要开发一款移动端的app,奈何团队没有ios技术，工期比较短，所以选择使用vue开发HTML5经过打包处理形成移动端app。
项目构思
1 项目整体使用Vue+HbuilderX开发
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 assets for you.
    // Before setting to `true`, make sure to:
    // npm install --save-dev compression-we