【uni |
您所在的位置:网站首页 › 微信story没了 › 【uni |
解决问题
重要的问题说三遍!!! 解决 HBuilderX 打包 uni-app 项目到微信小程序时,node_modules 文件夹丢失问题。 解决 HBuilderX 打包 uni-app 项目到微信小程序时,node_modules 文件夹丢失问题。 解决 HBuilderX 打包 uni-app 项目到微信小程序时,node_modules 文件夹丢失问题。 一、uni-app介绍uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。 uni-app 在手,做啥都不愁。即使不跨端,uni-app 也是更好的小程序开发框架(详见)、更好的App跨平台框架、更方便的H5开发框架。不管领导安排什么样的项目,你都可以快速交付,不需要转换开发思维、不需要更改开发习惯。 二、安装 copy-webpack-plugin 复制插件node_modules 不是 uni-app 的默认目录,不会被打包进 /unpackage/dist/dev/mp-weixin, 我们可以下载 copy-webpack-plugin 插件,将 node_modules 目录复制到 /unpackage/dist/dev/mp-weixin 这里安装的 copy-webpack-plugin 版本为 5.1.1。 npm install [email protected] --save 三、新建 vue.config.js 配置文件安装完后在项目根目录新建 vue.config.js 文件进行配置 在 vue.config.js 文件中添加以下内容 const path = require('path') const CopyWebpackPlugin = require('copy-webpack-plugin') module.exports = { configureWebpack: { plugins: [ new CopyWebpackPlugin([ { from: path.join(__dirname, 'node_modules'), to: path.join(__dirname, 'unpackage/dist', process.env.NODE_ENV === 'development' ? 'dev' : 'build', process.env.UNI_PLATFORM, 'node_modules') } ]) ] } }关于 copy-webpack-plugin 插件的更多用法可通过 https://www.npmjs.com/package/copy-webpack-plugin 查看 四、运行微信小程序开发工具运行微信小程序开发工具后,出现 node_modules 文件夹即表示配置成功,配置成功后就可以快乐的玩耍了!!! 如果没有出现 node_modules 文件夹,则清除以下微信开发者工具缓存,然后重新编译项目。
uni-app在开发者数量、案例、跨端抹平度、扩展灵活性、性能体验、周边生态、学习成本、开发成本等8大关键指标上拥有更强的优势。 1.开发者/案例数量更多 数百万应用、uni统计月活12亿、70+微信/qq群、更高的百度指数 跨端完善度更高,真正落地的提高生产力 2.平台能力不受限 在跨端的同时,通过条件编译+平台特有API调用,可以优雅的为某平台写个性化代码,调用专有能力而不影响其他平台。 支持原生代码混写和原生sdk集成。 3.性能体验优秀 加载新页面速度更快、自动diff更新数据。 App端支持原生渲染,可支撑更流畅的用户体验。 小程序端的性能优于市场其他框架。评测 4.周边生态丰富 插件市场数千款插件。 支持NPM、支持小程序组件和SDK。 微信生态的各种sdk可直接用于跨平台App。 5.学习成本低 基于通用的前端技术栈,采用vue语法+微信小程序api,无额外学习成本。 6.开发成本低 不止开发成本,招聘、管理、测试各方面成本都大幅下降。 HBuilderX是高效开发神器,熟练掌握后研发效率至少翻倍(即便只开发一个平台)。 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |