从零搭建前端开发环境
关注
分享
扫一扫
冲向超级个体
终身学习，不设边界。在成为超级个体的旅程中，不断突破自我。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
从零搭建前端开发环境（零）——基础篇：2.webpack生产与开发环境配置
从零搭建前端开发环境（零）——基础篇：1.npm、git及项目初始化 从零搭建前端开发环境（零）——基础篇：2.webpack生产与开发环境配置 从零搭建前端开发环境（零）——扩展篇：3.jest单测 从零搭建前端开发环境（零）——扩展篇：4.eslint统一代码规范 从零搭建前端开发环境（零）——终极篇：5.构建自己的前端脚手架接下来就要进行工程化的操作了，主要有两个目的。对静态文...原创 2018-03-27 12:20:25 · 2281 阅读 · 0 评论 -
webpack4最佳实践参考
webpack.config.js文件拆分建议拆分成base（公共部分）、dev（开发环境）、prod（生产环境）三个文件，再用webpack-merge整合起来。 webpack.base.conf.jsconst path = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');...原创 2018-10-25 11:47:43 · 1086 阅读 · 0 评论 -
从零搭建前端开发环境（一）——React篇：2.jest+enzyme单测和eslint
注：正像该系列（零）《扩展篇》里提到的，单测和eslint并非必须，但是对于项目的管理还是有必要引入的。1、安装单测和eslint的依赖eslint的安装跟从零搭建前端开发环境（零）——扩展篇：4.eslint统一代码规范里面的差不多（如果看不懂本文的一些上下文，请先看这篇），不过我们这回用的是eslint-config-airbnb，查看依赖和分版本安装具体步骤就不说了 直接上结果安装。$ np...原创 2018-04-04 13:58:14 · 627 阅读 · 0 评论 -
从零搭建前端开发环境（零）——终极篇：5.构建自己的前端脚手架
从零搭建前端开发环境（零）——基础篇：1.npm、git及项目初始化 从零搭建前端开发环境（零）——基础篇：2.webpack生产与开发环境配置 从零搭建前端开发环境（零）——扩展篇：3.jest单测 从零搭建前端开发环境（零）——扩展篇：4.eslint统一代码规范 从零搭建前端开发环境（零）——终极篇：5.构建自己的前端脚手架我们在什么情况下会进行项目初始化呢？除了新启动一个项目，还...原创 2018-04-03 11:28:09 · 4387 阅读 · 0 评论 -
从零搭建前端开发环境（零）——扩展篇：4.eslint统一代码规范
从零搭建前端开发环境（零）——基础篇：1.npm、git及项目初始化 从零搭建前端开发环境（零）——基础篇：2.webpack生产与开发环境配置 从零搭建前端开发环境（零）——扩展篇：3.jest单测 从零搭建前端开发环境（零）——扩展篇：4.eslint统一代码规范 从零搭建前端开发环境（零）——终极篇：5.构建自己的前端脚手架注：扩展篇里的内容，并不是建立项目的必要条件，属于可选范围...原创 2018-04-02 20:17:23 · 1182 阅读 · 0 评论 -
从零搭建前端开发环境（零）——扩展篇：3.jest单测
从零搭建前端开发环境（零）——基础篇：1.npm、git及项目初始化 从零搭建前端开发环境（零）——基础篇：2.webpack生产与开发环境配置 从零搭建前端开发环境（零）——扩展篇：3.jest单测 从零搭建前端开发环境（零）——扩展篇：4.eslint统一代码规范 从零搭建前端开发环境（零）——终极篇：5.构建自己的前端脚手架注：扩展篇里的内容，并不是建立项目的必要条件，属于可选范围...原创 2018-04-02 14:54:24 · 1880 阅读 · 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 · 411 阅读 · 0 评论 -
从零搭建前端开发环境（一）——React篇：1.引入webpack并跑起来
由于有前文的铺垫，我们这里不多废话，直接进入webpack的配置部分，让项目能够跑起来。先声明下，这篇文章会以从零搭建前端开发环境（零）——基础篇：2.webpack生产与开发环境配置最后的项目结构为基础，即已经完成了基本项目的webpack配置。这时你就会发现之前花费的精力是值得的，有了好的基础，一切都是那么的自然而然，记住一句话：“慢慢来比较快”。1、安装$ npm i -S react re...原创 2018-04-03 17:07:22 · 422 阅读 · 0 评论 -
从零搭建前端开发环境（零）——基础篇：1.npm、git及项目初始化
从零搭建前端开发环境（零）——基础篇：1.npm、git及项目初始化 从零搭建前端开发环境（零）——基础篇：2.webpack生产与开发环境配置 从零搭建前端开发环境（零）——扩展篇：3.jest单测 从零搭建前端开发环境（零）——扩展篇：4.eslint统一代码规范 从零搭建前端开发环境（零）——终极篇：5.构建自己的前端脚手架本文主要讲一些node、npm、git的一些基础知识，因为...原创 2018-03-27 12:05:13 · 3050 阅读 · 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 · 1580 阅读 · 0 评论