React v16 与 Webpack v4 的多特性模板项目
题注:欢迎加入阿里南京前端团队,欢迎关注阿里南京技术专刊了解更多讯息。 React & Webpack Boilerplate V4React & Webpack Boilerplate V4 是笔者前端常用模板集锦项目 fe-boilerplate 的一部分,尽可能地使用无异议的工具,提供直观且简洁明了的方式;相较于 create-react-app,具有更好的可配置性与适应性,适合于中长期项目。支持最新的 Webpack 4 & React 16.3 版本,如果需要引入 TypeScript 支持,可以借鉴 react/webpack-ts 这个模板。 为了保证项目的纯粹性,将原本 React Router,Redux,MobX 等常见的技术框架的使用迁移到了 fe-boilerplate 的其他模板项目中。也可以查阅 Webpack CheatSheet,或者 React CheatSheet、现代 Web 开发基础与工程实践 了解更多 Web 开发实践的知识。 配置与使用下载或者克隆 fe-boilerplate,并且进入 # 安装依赖 $ cnpm install # 仅启动 Web 开发服务器 $ npm run dev # 启动 Web 开发服务器与 Mock 服务器 $ npm start # 启动 Storybook 服务,在进行组件开发时使用 $ npm run storybook # 编译为可发布的包体 $ npm run build # 使用 *.umd.* 配置文件,编译为库 $ npm run build:lib # 执行 ESLint $ npm run lint # 执行包体分析 $ npm run analyze 如果我们是进行的多页面应用开发,那么可以在 webpack.config.base.js 文件中添加更多的 Entry 与 HtmlWebpackPlugin 配置。 技术栈
开发态特性
发布态特性
我的博客即将搬运同步至腾讯云+社区,邀请大家一同入驻:https://cloud.tencent.com/dev... (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |