打包工具原理解析
2349浏览
前端模块化成为了主流的今天,离不开各种打包工具的贡献。社区里面对于 webpack、rollup 以及后起之秀 parcel 的介绍层出不穷,对于它们各自的使用配置分析也是汗牛充栋。为了避免成为一位“配置工程师”,我们需要来了解一下打包工具的运行原理...
2349浏览
前端模块化成为了主流的今天,离不开各种打包工具的贡献。社区里面对于 webpack、rollup 以及后起之秀 parcel 的介绍层出不穷,对于它们各自的使用配置分析也是汗牛充栋。为了避免成为一位“配置工程师”,我们需要来了解一下打包工具的运行原理...
6005浏览
Set up a modern web app by running one command. — create-react-app 创建项目 跟着文档提示,一步一步安装。 ## 安装 create-react-app npm i...
1713浏览
经常会有群友问起 Webpack、React、Redux、甚至 create-react-app 配置等等方面的问题,有些是我也不懂的,慢慢从大家的相互交流中,也学到了不少。 今天就尝试着一起来聊聊 Webpack 吧,旨在帮大家加深理解、新手更容易...
2605浏览
背景 主管分配了一个移动端页面的任务,主要是几个展示内容,其中一个页面输入用户信息,接口查询值后展示具体的一个页面。不是自己项目组的工作,所以当时也就说切图,复杂的内容直接贴图。 设计师很快给了还在确定的设计图,看起来很简单,一个头、一个内容区。每个...
2863浏览
开发背景 最近终于在项目里面用上了 React,在打包的时候发现,有同事把 babel-polyfill 加上了,当时已经在 webpack 中配置了 babel-runtime,觉得应该不会需要这个东西。查找了一些资料,发觉这两个并不一样。 Bab...
8398浏览
react-app-rewired Override create-react-app webpack configs without ejecting 解决方案 翻阅 react-scripts 源码,发现 webpack 的配置只有两个,并且没有...
3195浏览
开发背景 使用 create-react-app 创建 React 项目后,通过 react-app-rewired 开启了 less 转换的功能。 但通过抄袭 react-app-rewire-css-modules 模块开启 CSS Module...
6638浏览
在使用 webpack 开发的时候,引入一个模块 import xx from '../../../xxx/xxx' 通过会是上面这样的,但相对路径写着有点繁琐,就设置一个 alias 吧。 例如 resolve: { ..., alias...