![](https://img-blog.csdnimg.cn/20190828172236259.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue-cli
文章平均质量分 86
xiaofei0627
前端开发者 + linux 爱好者。热衷于前端开发技术, 熟悉 Vue,React,微信小程序,webpack,vite,babel,node,linux,nginx 等。
展开
-
vue,react 项目.env 环境变量原理解析
vue,react 项目.env 环境变量原理解析简介:.env 文件扩展了 vue,react 项目的环境变量,相信大家用的比较多了,vue 和 react 的 cli 里把这些配置好了,所有大家可以直接用,但是换个框架或者换个项目,这个问题就比较麻烦了。比如说现在写 Ant Design Pro 的项目,它内部用的是 umi 来做这些配置,默认只支持.env 文件,那我想支持.env.development 和.env.production或者其他模式的环境变量怎么办?当然 umi@3 可以用co原创 2020-10-24 11:37:49 · 6339 阅读 · 2 评论 -
Vue 搭建移动端 h5 项目步骤
Vue 搭建移动端 h5 项目步骤简介最近团队里的其他前端小伙伴需要自己搭建移动端 h5 项目,没有整体的思路,于是我就写了这个步骤。准备阶段确定项目 ui 框架现阶段比较好的 Vue 移动端 ui 框架:vant , vux, cube-ui,Mint-UI,Muse UI,NutUI 等。选择css预处理样式语言,(vue-cli 里选择)less,sass,stylus都可以,vue-cli 3 后的版本对应的webpack 的loader都是配置好的,只需下载对应的包就好了。使原创 2020-08-04 14:38:01 · 30717 阅读 · 4 评论 -
手写一个自己的 cli 并发布到 npm 上
手写一个自己的 cli 并发布到 npm 上简介:大家平时肯定 vue-cli 或者 create-react-app,只需要敲简单的命令行,就可以生成一个完成的项目,非常好用。由于本人所在公司接的项目较多,每次新建新项目都是拷贝以前的项目代码,好麻烦,而且得删除掉好多没用的代码,心累。于是就想着模仿 vue-cli 写一个简单的创建项目的 cli,这样不是就省心省力了嘛。于是说干就干,自己写了...原创 2019-12-28 18:51:25 · 6097 阅读 · 1 评论 -
vue cli 3 升级到 vue cli 4 方法步骤及升级点总结
vue cli 3 升级到 vue cli 4 指南vue cli 3 升级到 vue cli 4 方法步骤及升级点总结vue-cli 3升级vue-cli 4官方英文升级文档,中文滞后一.首先,在全局安装最新的 Vue CLI:npm install -g @vue/cli# ORyarn global add @vue/cli检查安装的版本vue -V # 输出:@vue/cli 4.x.x 说明@vue/cli 4安装成功( vue cli 3的版本会输出 3.x.x )原创 2019-10-26 18:45:59 · 88718 阅读 · 23 评论 -
vue cli3.x development模式打包app.js包太大
一、背景:升级老项目遇到的问题1.项目目录2.package.json3. env配置.env.development 配置NODE_ENV=developmentVUE_APP_BASE_API=开发VUE_APP_BUCKET=开发.env.production配置NODE_ENV=productionVUE_APP_BASE_API=生产VUE_APP_BUCKET...原创 2018-10-31 16:39:51 · 14180 阅读 · 2 评论 -
Javascript如何与Sass,Less,Css之间共享变量?
Javascript如何与Sass,Less,Css之间共享变量?Javascript如何获取Sass,Less,Css设置的变量?jst如何获取Sass,Less,Css设置的变量?vue项目中js如何获取Sass,Less,Css设置的变量?vue-cle3.x项目中js如何获取Sass,Less,Css设置的变量?原创 2019-04-04 17:24:56 · 14217 阅读 · 4 评论