Loading

随笔分类 -  脚手架

从零学脚手架(八)---webpack-dev-server源码分析
摘要：上一篇中介绍了webpack-dev-server属性配置 这一篇就简单的梳理下webpack-dev-server内部实现。 由于涉及到源码解析，所以会涉及到一些比较难啃的知识，我会尽量进行简单化描述。 但如果还是具有具有难度 或 对 webpack-dev-server内部实现不感兴趣的朋友，也 阅读全文
posted @ 2021-03-17 09:37 莫问今朝乄 阅读(916) 评论(0) 推荐(0)
从零学脚手架(六)---production和development拆分
摘要：development、production拆分 根据文件拆分 webpack打包时分为开发模式（development）和发布模式（production），在前面使用命令参数做了简单区分。 但这种方式区分在做定制化模式时有些不太方便，所以需要对两种模式做彻底拆分。 之前介绍过，webpack可以使 阅读全文
posted @ 2021-03-15 09:33 莫问今朝乄 阅读(568) 评论(0) 推荐(0)
从零学脚手架(五)---react、browserslist
摘要：如果此篇对您有所帮助，在此求一个star。项目地址： OrcasTeam/my-cli react react介绍 目前，国内主流的前端应用框架具有两个：vue.js和react.js，关于vue和react的优劣性，网上众说纷纭。在下就不在此引战。 而是直接介绍React :whale2whale 阅读全文
posted @ 2021-03-12 09:35 莫问今朝乄 阅读(898) 评论(0) 推荐(0)
从零学脚手架(四)---babel
摘要：如果此篇对您有所帮助，在此求一个star。项目地址： OrcasTeam/my-cli 接下来介绍一个打包编译过程中一个极为重要的工具--babel。 ES6的枷锁 细心的朋友可以知道，在之前打包编译测试都是使用简单的ES5特性， 并没有使用过ES6（ES2015+）特性（import除外） 这是因 阅读全文
posted @ 2021-03-11 09:29 莫问今朝乄 阅读(852) 评论(0) 推荐(0)
从零学脚手架(三)---webpack属性详解
摘要：如果此篇对您有所帮助，在此求一个star。项目地址： OrcasTeam/my-cli 在上一篇中，介绍了webpack的entry、output、plugins属性。 在这一篇，接着介绍其它配置属性。 mode 这个属性在上一篇中使用过一次，设置webpack编译模式的，那么这个属性到底是什么东西 阅读全文
posted @ 2021-03-10 09:35 莫问今朝乄 阅读(2249) 评论(0) 推荐(0)
从零学脚手架(二)---初识webpack
摘要：webpack是什么 打包器 在使用 webpack 之前，首先需要明白 webpack 到底是个什么东西。 几乎所有文章（包括官网）中都说webpack是一个 打包器 ，用于打包所有资源。 webpack确实是一个 打包器 ，但是对于不知道打包器的朋友来说还是会有些迷惑。 抛开 webpack 去 阅读全文
posted @ 2021-03-09 09:28 莫问今朝乄 阅读(701) 评论(1) 推荐(0)
从零学脚手架(一)---环境介绍
摘要：环境准备 Node 当前前端时代，Node.JS已是前端开发必备依赖，安装环境时往往第一个就是Node.JS，那么我们也从Node.JS开始 截至到编写本章时，Node.JS官网的LTS版本为 14.15.5 ，最新版本为 15.9.0 仅仅用于脚手架的话，并不需要特别新的Node版本，所以不用特别 阅读全文
posted @ 2021-03-08 09:29 莫问今朝乄 阅读(665) 评论(2) 推荐(0)