从零搭建前端开发环境
zhaolandelong
喜欢传统文化,习练太极拳。
展开
-
从零搭建前端开发环境(零)——基础篇:2.webpack生产与开发环境配置
从零搭建前端开发环境(零)——基础篇:1.npm、git及项目初始化 从零搭建前端开发环境(零)——基础篇:2.webpack生产与开发环境配置 从零搭建前端开发环境(零)——扩展篇:3.jest单测 从零搭建前端开发环境(零)——扩展篇:4.eslint统一代码规范 从零搭建前端开发环境(零)——终极篇:5.构建自己的前端脚手架 接下来就要进行工程化的操作了,主要有两个目的。 对静态文...原创 2018-03-27 12:20:25 · 2210 阅读 · 0 评论 -
webpack4最佳实践参考
webpack.config.js文件拆分 建议拆分成base(公共部分)、dev(开发环境)、prod(生产环境)三个文件,再用webpack-merge整合起来。 webpack.base.conf.js const path = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); ...原创 2018-10-25 11:47:43 · 1025 阅读 · 0 评论 -
从零搭建前端开发环境(一)——React篇:2.jest+enzyme单测和eslint
注:正像该系列(零)《扩展篇》里提到的,单测和eslint并非必须,但是对于项目的管理还是有必要引入的。1、安装单测和eslint的依赖eslint的安装跟从零搭建前端开发环境(零)——扩展篇:4.eslint统一代码规范里面的差不多(如果看不懂本文的一些上下文,请先看这篇),不过我们这回用的是eslint-config-airbnb,查看依赖和分版本安装具体步骤就不说了 直接上结果安装。$ np...原创 2018-04-04 13:58:14 · 577 阅读 · 0 评论 -
从零搭建前端开发环境(零)——终极篇:5.构建自己的前端脚手架
从零搭建前端开发环境(零)——基础篇:1.npm、git及项目初始化 从零搭建前端开发环境(零)——基础篇:2.webpack生产与开发环境配置 从零搭建前端开发环境(零)——扩展篇:3.jest单测 从零搭建前端开发环境(零)——扩展篇:4.eslint统一代码规范 从零搭建前端开发环境(零)——终极篇:5.构建自己的前端脚手架 我们在什么情况下会进行项目初始化呢?除了新启动一个项目,还...原创 2018-04-03 11:28:09 · 4294 阅读 · 0 评论 -
从零搭建前端开发环境(零)——扩展篇:4.eslint统一代码规范
从零搭建前端开发环境(零)——基础篇:1.npm、git及项目初始化 从零搭建前端开发环境(零)——基础篇:2.webpack生产与开发环境配置 从零搭建前端开发环境(零)——扩展篇:3.jest单测 从零搭建前端开发环境(零)——扩展篇:4.eslint统一代码规范 从零搭建前端开发环境(零)——终极篇:5.构建自己的前端脚手架 注:扩展篇里的内容,并不是建立项目的必要条件,属于可选范围...原创 2018-04-02 20:17:23 · 1111 阅读 · 0 评论 -
从零搭建前端开发环境(零)——扩展篇:3.jest单测
从零搭建前端开发环境(零)——基础篇:1.npm、git及项目初始化 从零搭建前端开发环境(零)——基础篇:2.webpack生产与开发环境配置 从零搭建前端开发环境(零)——扩展篇:3.jest单测 从零搭建前端开发环境(零)——扩展篇:4.eslint统一代码规范 从零搭建前端开发环境(零)——终极篇:5.构建自己的前端脚手架 注:扩展篇里的内容,并不是建立项目的必要条件,属于可选范围...原创 2018-04-02 14:54:24 · 1793 阅读 · 0 评论 -
从零搭建前端开发环境(一)——React篇:0.React最简demo
根目录下创建index.html<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Hello World</title> <script src="https://unpkg.com/react@16/umd/r原创 2018-04-03 17:01:19 · 361 阅读 · 0 评论 -
从零搭建前端开发环境(一)——React篇:1.引入webpack并跑起来
由于有前文的铺垫,我们这里不多废话,直接进入webpack的配置部分,让项目能够跑起来。先声明下,这篇文章会以从零搭建前端开发环境(零)——基础篇:2.webpack生产与开发环境配置最后的项目结构为基础,即已经完成了基本项目的webpack配置。这时你就会发现之前花费的精力是值得的,有了好的基础,一切都是那么的自然而然,记住一句话:“慢慢来比较快”。1、安装$ npm i -S react re...原创 2018-04-03 17:07:22 · 375 阅读 · 0 评论 -
从零搭建前端开发环境(零)——基础篇:1.npm、git及项目初始化
从零搭建前端开发环境(零)——基础篇:1.npm、git及项目初始化 从零搭建前端开发环境(零)——基础篇:2.webpack生产与开发环境配置 从零搭建前端开发环境(零)——扩展篇:3.jest单测 从零搭建前端开发环境(零)——扩展篇:4.eslint统一代码规范 从零搭建前端开发环境(零)——终极篇:5.构建自己的前端脚手架 本文主要讲一些node、npm、git的一些基础知识,因为...原创 2018-03-27 12:05:13 · 2935 阅读 · 0 评论 -
大前端知识体系整理(二)——各阶段知识点列举
传送门 大前端知识体系整理(一)——各级别工程师的技能树 各阶段知识点 小白阶段 html/html5基础 css/css3基础 javascript基础 jquery(zepto) 移动端适配及响应式布局(bootstrap) 基础阶段 nodejs基础(npm/yarn/nvm) 网络基础(json/ajax/promise/http) 工程化(webpack/rollu...原创 2018-10-23 22:49:48 · 1471 阅读 · 0 评论