场景: 有一个体积比较大的js文件,需要懒加载 异步引入不需要webpack配置什么, setTimeout(()=>{ import('./dynamic-data.js').then(res=>{ con…
分类:webpack
vue打包生成zip压缩包
安装插件:cnpm install filemanager-webpack-plugin –save-dev cnpm install filemanager-webpack-plugin --save-de…
使用npm下载依赖的几种方式
使用npm下载依赖的几种方式 我们下载依赖的使用,有些依赖是在开发环境和生产环境都要使用,比如jquery这种是两种环境都必须的,所以需要安装在开发阶段(依赖在dependencies中),对于调节格式的eslint就只…
搭建vue项目框架
搭建vue项目框架 搭建vue项目框架 在使用vue作为前端开发框架的复杂项目,vue框架的搭建至关重要。框架搭的好引用技术全面,可以为后来开发维护节省很多时间和精力。 安装node.js 首先需要安装node环境,可以…
手工创建react项目
react的开发者都知道使用create-react-app创建项目,这是非常简单的,但不是本文的目的,本文将带你如何一步一步搭建react项目。 1、初始化项目,编写组件 执行下面命令初始化项目 npm init -y…
在Vue中使用echarts的两种方式
准备:使用vue-cli脚手架 如果你已经有自己的项目,可以跳过这一步。 npm下载vue-cli脚手架 (写这篇文章时用的还是vue-cli2) npm install -g @vue/cli 初始化一个项目 vue …
Atom js-hyperclick 支持自定义路径(webpack resolve alias)
为毛要单独写这个东西 不得不说 hyperclick 是的了不起的插件,提供了一系列的 Provider 让插件的作者们能够执行文件跳转,不过这个包并不限定语言,只是提供了最底层的一些封装,所以就有了 js-hyperc…
Vue 兼容 ie9 的全面解决方案
前言 背景情况 vue – 2.5.11 vue-cli 使用模板 webpack-simple http请求:axios Vue 官方对于 ie 浏览器版本兼容情况的描述是 ie9+,即是 ie9 及更高的…
基于webpack 的 vue 多页架构
使用vue构建单页应用已经是稀松平常的事情了,但是当你遇到类似活动类需求时,每个活动相对独立,当活动达到30各以上时,长时间的构建过程会拖慢整个开发周期,而且也是不必要的。因此多页架构应运而生。 脚手架 github地址…
组件库构建过程
最近在项目内部创建了一个vue组件库,希望通过组件库的形式,统一项目中组件的逻辑和样式,让代码的复用性更强。 这篇文章主要是梳理组件库的整个结构和构建过程。 结构 首先在这里介绍一下组件库的代码结构,上面是整体代码目录结…
使用webpack手动搭建一个基于vue的单页面应用
当我们面对vue-cli 复杂的代码,当我们看到各种配置文件的时候,你是否会为此感到头疼,是否会觉得心累?今天,大家可以跟着我一起,自己来是用webpack 构建一个基于vue单页面的应用,废话不多,立即开始: 1.创建…
Vue页面骨架屏
在开发webapp的时候总是会受到首屏加载时间过长的影响,主流的解决方法是在载入完成之前显示loading图效果,而一些大公司会配置一套服务端渲染的架构来解决这个问题。考虑到ssr所要解决的一系列问题,越来越多的APP采…