react
Allen白
努力成为一个合格的前端工程师。
展开
-
使用webpack4一步步搭建react项目(一)
平时都是用命令行工具一键生成项目,没有机会使用webpack从头到尾搭建项目。 经过几天的学习,决定用webpack搭建一个React项目,并将搭建过程记录下来,与大家一起交流分享。菜鸡一枚,如果那里有错误,希望大家帮忙指出。 本篇文章会被分成三章,每一章都有一个主题。 第一章 搭建项目雏形 项目结构 代码 项目代码 Github 仓库 初始化项目 mkdir diy-webpack-for-r...原创 2019-04-06 20:55:31 · 929 阅读 · 0 评论 -
使用webpack4一步步搭建react项目(二)
前面已经实现了一个简单webpack配置,接下来需要在前面的基础上对webpack.config.js进行拆分。 第二章 拆分webpack配置 项目开发时,我们需要用webpack-dev-server启动开发服务器,当我们修改文件时,它能自动重新打包项目并刷新页面。 项目打包上线时,我们希望webpack能进行更多的处理来优化打包后的代码。 针对不同的需求,我们需要将配置文件拆分为webpac...原创 2019-04-06 20:56:24 · 651 阅读 · 0 评论 -
使用webpack4一步步搭建react项目(三)
第二章的配置基本已能达到正常的开发需求了。但是还有很多地方可以进行改善。 第三章 改善项目 使用最新的ES语法 React开发中难免要用到ES最新语法。例如常用的Decorators还在Stage 2阶段,Dynamic import还在Stage 3阶段。这些新的语法并没被@babel/preset-env涵盖。因此我们需要额外配置对应的babel插件。 安装babel插件: 支持装饰器 @b...原创 2019-04-06 20:57:05 · 463 阅读 · 0 评论