Vue+WebPack+HBuilder 项目记录

最新推荐文章于 2024-07-26 14:58:14 发布

点点悠悠

最新推荐文章于 2024-07-26 14:58:14 发布

阅读量2.4w

点赞数 1

分类专栏： Vue+WebPack+HBuilder nodejs 文章标签： WebPack HBuilder

本文链接：https://blog.csdn.net/huaxiongbiao/article/details/70141385

版权

本文记录了一个使用Vue、Webpack和HBuilder构建的公司APP项目，详细描述了从环境搭建到遇到问题的解决方案，包括Vue作为单页应用的使用，以及如何通过HBuilder打包资源进APP。

摘要由CSDN通过智能技术生成

公司项目APP 融易基金
下载减压可查看源代码，需要测试账号请留言。

Vue+WebPack+HBuilder 项目记录

以前使用过vue+gulp+hbuilder做过app，vue是直接使用script标签引入的。

此次有新项目使用想要手机版与APP一套完成，所以选择使用vue做单页应用，然后使用hbuilder打包但是放入APP的不止是网址，还是将资源打包进去。

开始记录

一为操作步骤二为记录遇到的问题

一，环境搭建

1.安装nodejs
2.安装淘宝镜像cnpm，增加下载速度
3. 安装webpack
4.使用vue-cli生成项目
5.引入mui,hbuilder的mui框架方便使用html5+也可不引入

二，记录问题

1安装webpack为2.x版，中文文档地址[http://www.css88.com/doc/webpack2]
2.生成vue项目遇到的问题：
    npm run build 打包后在本地浏览，发现报错引入不到文件，需要修改config文件夹下index.js中assetsPublicPath选项'/'改为'./'；
    不需要在webpack.base.conf.js里面为rules配置css-loader,在utils.js中已经带有css，sass,less的处理（现在没有css压缩要自己配置）；
3.引入mui(此方法也适用于jq与其ui框架),在webpack.base.conf.j