说到优化，首先肯定要通过一些分析工具找出项目存在的问题，然后针对问题来做对应的优化。 webpack优化分为两个方向： 1.构建速度层面优化 安装打包耗时分析插件： npm install --save-dev speed-measure- ...

1.Vue的生命周期 Vue的生命周期主要分为几个简单，数据初始化，dom挂载，数据更新，组件卸载，在一个就是开启了组件缓存的时候，会有组件启用和组件停用阶段，每个阶段都去前后两个钩子除了缓存的那俩 数据初始化阶段 beforeCreate ...

概述 webpack 作为目前最主流的代码打包工具，他提供了一整套的前端项目模块化方案，而不仅仅是局限于对JavaScript的模块化。 通过webpack提供的前端模块化方案，我们就可以很轻松的对我们前端项目开发过程中涉及到的所有的资源进 ...

模块化打包工具的由来 模块化确实是很好的解决了我们在复杂应用开发中的代码组织问题，但随着我们引入模块化，我们的应用又会产生一些新的问题。 第一个就是我们所使用的ES Modules这样一款模块系统本身就存在环境兼容问题，尽管现如今主流浏览器 ...

运行安装element ui后，执行npm run serve竟然报错了，报错信息如下： ERROR Failed to compile with 1 errors ...

同步发表于：CSDN 掘金 知乎 GitBook Blog 写在前面 长期以来，前端的模块化管理都不很成熟（webpack出现之前），为此，早期（ES5时代）为了实现依赖管理，甚至会利用window等全局对象进行模块注册。而如今有了web ...

一、修改项目结构 当前结构 修改后结构 将原来的 src 目录，修改成 examples 新建 packages 文件夹，用来存放后续的组件 二、修改配置 项目启动默认入口是 src/main.js，第一步已将 src 文件名改成 exam ...

使用vue-i18n实现国际化,多语言数据保存在locales文件夹内； 通过URL的params与vuex共同维护当前语言状态； 路由改变时触发middleware/i18n.js中间件，如果当前路由不包含多语言即params.lang ...

前端开发的瓶颈到底在哪里，前端技术是否已经走到一个十字路口，全栈化的系统架构是否能改变目前的窘境？本文将根据作者自身的开发经历谈谈当下前端开发中遇到的一些问题和想法。    引子    近两年我一直在思考的一个问题：如果前端不用考虑性能问题 ...

创建项目 命令：npm init 生成文件： package.json { "name": "hello-npm-script", "version": "0.1.0", "description": "hello npm sc ...