react的开发者都知道使用create-react-app创建项目,这是非常简单的,但不是本文的目的,本文将带你如何一步一步搭建react项目。 1、初始化项目,编写组件 执行下面命令初始化项目 npm init -y…
分类:webpack
在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采…
记一次使用 vue-admin-template 的优化历程
本文原文 前言 公司有好几个项目都有后台管理系统,为了方便开发,所以选择了 vue 中比较火的 后台模板 作为基础模板进行开发。但是,开始用的时候,作者并没有对此进行优化,到项目上线的时候,才发现,打包出来的文件都十分之…
vue实现todo功能(一):搭建vue-webpack环境
前言 我最开始因为项目原因接触的是react,对于我这种美观狂而言,react中难以调解的css让我十分抓狂,说是在写页面,因为不能写自己的样式,像是在拼凑页面,没意思。于是我开始了解vue这种将css html jav…
我是如何在公司项目中使用ESLint来提升代码质量的
ESLint:你认识我吗 ESLint是一个语法规则和代码风格的检查工具。 和学习所有编程语言一样,想要入门ESLint,首先要去它的官网看看:https://eslint.org/。 ESLint的版本问题 目前ESL…
Webpack 中css 如何 import 使用 alias别名 相对路径
在开发过程中我们发现以下问题: JS可以用alias,css就报错 js中:import tool from ‘@/utils/xxx’ (可以引用)css中:@import ‘@/a…
借助webpack对项目进行分析优化
进入公司之后,接手的便是前人留下来的一个大项目。庆幸的是整个项目拥有完善的产品功能文档,但是由于项目过于庞大,老旧。包含了打包过慢,冗余文件过多等诸多问题。想要快速的解决这些问题,想要完全把功能重构一遍的话,成本太高了。…
从零开始的 webpack4 + vue2.x
新建文件夹 webpack-vue 安装依赖 yarn init //初始化package.json yarn add webpack webpack-cli //添加webpack、webpack-cli //ps:不…
nodejs插件之二
上一章记录了node的path模块,这一章我们接着讲一下node其他的插件。在这章中有许多插件都提到了如果没有TTY或者运行在CI中时插件不可用,对于TTY和CI这些名词我不是很明白,他们指的具体是什么东西呢?望知道的人…