
webpack
文章平均质量分 55
诸葛韩信
飞翔在低空的缺氧人士。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
nvm中, vue不是内部或外部命令
最近更换了一个npm的管理器,nvm。安装好了nvm之后,感觉世界都是光明的,可以很随意的更换自己的nodejs的版本,可谓之随心所欲了哇。但是,我居然发现想要重新搞一个vue2的项目玩一下都被可恨的系统提示“vue不是内部或外部命令”。首先,重新安装了一下vuenpm install vue然后再次在命令行输入vue -v还是报了一个“vue不是内部或外部命令”。现在看来,这很明显就是vue的环境变量不对劲导致的问题了。网络上大把的文章都在揭露这个问题,但是没有几个人能够把这个原创 2021-11-24 17:19:21 · 3191 阅读 · 5 评论 -
mint-ui Loadmore组件报错解决方式
vue 移动端的项目用了mint-ui;在滑动的时候,它居然有的时候报错,虽然不影响页面的展示和功能的正常显示,但是,就是看着报错就是不爽啊!报错内容:Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.解决方式一:直接在滚动的大块标签上进行样式的控制,touch-actio原创 2020-05-14 16:27:59 · 439 阅读 · 0 评论 -
Eslint和Prettier在vscode编辑器的应用
最近有空,整理代码。发觉之前做业务的时候,代码都没有规范化。导致有很多不需要的变量在占据着内存空间、命名有的时候也没有按照大小驼峰的方式、vue文件的html也是格式各种各样等等一些规范的问题就找了出来。其实做规范是比较简单的。在vscode中,尤其简单。步骤如下(以下是windows的vscode操作):一:eslint的安装1、路程:查看 =》 扩展 =》搜索栏中搜eslint =》点...原创 2020-04-20 18:46:12 · 420 阅读 · 0 评论 -
@import inserts duplicates 在webpack打包的vue项目 css文件重复了
最近,在整理多页面项目的时候,发觉在项目打包之后,css文件中最常引用的common.css文件居然重复出现了!!!dist文件就过大了,css文件居然达到了2mb多,这就让人很烦恼了啊。到底是什么问题导致它这么庞大呢?是因为import多次,然后它重复了吗?还是说css文件标签上style套用了scope?还是说,自己项目中引用的顺序有问题呢?比如说报错chunk chunk-12...原创 2020-04-02 18:56:25 · 2019 阅读 · 0 评论 -
前端面试需要了解熟悉的技术术语
前端已经是一门开始走向强势的it行业,越来越多的专业术语齐平其它后端语言。如果想要面试高级前端,那么需要很高的专业能力,一些技术术语就不可能不熟悉了。一、前端工程化1、前端工程化的概念:是根据软件工程,将前端统一标准化;将前端开发的规范、流程、技术、工具、经验等形成规范并建立成一种标准的体系。2、前端工程化的特点:前端工程化有四个特点:模块化、组件化、自动化、规范化。1)模块化...原创 2020-03-24 15:43:49 · 886 阅读 · 0 评论 -
webpack 打包后的dist文件进行特殊性修改
一、webpack打包文件——distdist文件默认是webpack打包之后的最外层文件夹。一个web前端项目,往往会有比较多的文件,而图片、js、css都是必须的,当然如果是扩展的话,还有很多其他的文件,比如说字体,html,ts,html,jsx等。比如下图的目录结构:二、加密或者路径或者其它需求当文件需要加密的时候,就需要将代码中的一些敏感信息加密。这个时候,我们往往...原创 2019-11-04 17:32:09 · 4529 阅读 · 0 评论 -
webpck 中添加环境变量
如何在webpack构建的项目中添加环境的变量?需求是这样的,需要在项目打包之后文件的引入添加绝对的路径,而不是相对的路径。比如,打包完成的文件,可能是用来测试用的,测试的地址是aaa.yourcompany.com,而正式环境的地址是bbb.yourcompany.com,这个时候我们往往是用npm run build 来构建项目。那么,因为webpack中没有window环境,就不可能...原创 2019-10-29 17:36:08 · 393 阅读 · 0 评论 -
vuex 项目启动之技术胖的传授
前言:公司项目中大量的使用了vue,感觉对vue知识的掌握也越来越熟练了,录制视频教程也让我受益匪浅,自己成长的同时,我更希望帮助其他前端小伙伴一起成长。这篇文章我们主要讲解vuex。vuex是一个专门为vue.js设计的集中式状态管理架构。状态?我把它理解为在data中的属性需要共享给其他vue组件使用的部分,就叫做状态。简单的说就是data中需要共用的属性。比如:我们有几个页面要显示用户名称和...转载 2018-03-07 17:27:25 · 3410 阅读 · 0 评论 -
vue插件开发与发布
写在前面本次演示的是开发一个 vue手机虚拟支付键盘插件主要讲解的是如何快速开发一个vue插件并发布到npm上源码地址所有代码都可以在我的GitHub vue-pay-keyboard 上查看,欢迎start..demo演示地址请用手机或者电脑仿真查看 vuepayboard关于vue插件插件一般都有如下几种形式导入ES6import vuePayKeyboa...转载 2019-06-10 21:26:55 · 143 阅读 · 0 评论