使用vue或者angular 2的同学肯定离不开webpack,vue-cli等配置构建工具的出现,更是解放了开发者不少的负担。 1. vue-cli对静态资源的默认行为 vue-cli默认将生产环境的静态资源放在dis…
标签:vue-cli
vue-cli3 使用子目录部署问题
在使用 vue-cli3 build的时候,使用非子目录需要在 vue.config.js 中添加如下代码: module.exports = { baseUrl: process.env.NODE_ENV === 'p…
关于vuejs-templates/webpack 中 “exports is not defined”报错的处置惩罚
运用vue-cli脚手架搭建的项目,运用的是vuejs-templates/webpack的模板。但在援用第三方组件的时刻,在浏览器中报错“exports is not defined”。依据浏览器报错信息,查询到报错泉…
web前端开发中遇到的问题整理(一)
记录开发过程中遇到的问题及通过自己摸索或查阅网上的教程整理出的解决方案,如有不全或者错误欢迎留言更正 1. 如何设置输入框 input 中 placeholder的字体颜色、字号 input::-webkit-input…
Vue项目根据不同运行环境打包项目
前提 项目是直接通过 vue-cli脚手架 生成的; 假设在项目开发中,分为三个环境 — · 测试环境· 预生产环境· 生产环境 每个环境的接口地址都是不同的,而 vue-cli 给出的环境只有 dev 和 …
Mock模拟后台接口数据的简单使用
在项目开发的过程中,有时候会出现后端数据还没出来,而前端需要数据的情况。这时候,如果等着后端人员开发完再进行测试,联调则会拖慢开发进度。这时候,Mock就显示出它的魅力。它可以进行生成随机数据,模拟后端接口数据,从而实现…
web前端开发中遇到的问题整理(一)
记录开发过程中遇到的问题及通过自己摸索或查阅网上的教程整理出的解决方案,如有不全或者错误欢迎留言更正 1. 如何设置输入框 input 中 placeholder的字体颜色、字号 input::-webkit-input…
撸VUE弹窗组件 + 可编辑div 组件
现在我们先只看看已经实现的功能,下次再发布如何从写组件到发布npm,和其中遇到的一些坑 都是实现一些简单的功能,代码量很小,其中还结合网上的一些比较优秀的代码,如果发现自己的一小部分代码也在里面,不要骂我偷哈。 当然你也…
vue项目升级webpack4指南
所用vue-cli版本为2.9.3, 非最新的3.0+版本, 包管理工具为yarn 现在vue cli 3.x版本已经稳定, 推荐使用 @vue/cli 3.x版本 初始化项目 vue init webpack my-p…
[Vue CLI 3] 插件开发中的 genCacheConfig 细节研究
在 @vue/cli-plugin-babel/index.js 中: api.genCacheConfig('babel-loader', {}, []) 我们看一下 api.genCacheConfig 在文件:@v…
vue-cli配置预编译
(转载文章)公司的平台功能越堆越多,打包也越来越费劲,一次十几分钟,运维很不爽,so捣鼓了一下预编译,试了一下大概缩短了七八分钟,目前感觉还行,现在把它记下来,给需要的童鞋当做参考,也给自己记录一下。项目目录 build…
vue-cli项目中抽离管理所有接口地址的一个简单粗暴的方案
第一步:根据环境使用相应的host地址 一般来说,开发环境和生产环境所用的接口地址不会是同一个,比如大多数开发者都会在开发环境配置mock server而在生产环境使用真实api。更别说严谨的项目可能会有测试环境和预发环…