react 用html插件,React配置过程中用到的插件汇总

●react插件

●react-dom插件

●react-router插件

●react-redux插件

●babel插件

●webpack插件

●loader插件

●jquery插件

●moment插件

●bootstrap插件

●react插件

→react(局部安装：cnpm install react --save-dev)

→react-dom(局部安装：cnpm install react --save-dev)

→React 体系的一个重要部分：路由库react-router。它是官方维护的，事实上也是唯一可选的路由库。它通过管理 URL，实现组件的切换和状态的变化，开发复杂的应用几乎肯定会用到。

→react-redux(局部安装：cnpm install react --save-dev)

●babel插件(全局安装：cnpm install bable -g)

→babel-core(局部安装：cnpm install babel-core --save-dev)

→babel-loader(局部安装：cnpm install babel-loader --save-dev)

→babel-preset-react(局部安装：cnpm install babel-preset-react --save-dev)

→babel-preset-es2015(局部安装：cnpm install babel-preset-es2015 --save-dev)

●webpack插件(全局安装：cnpm install webpack -g)

→webpack(局部安装：cnpm install webpack --save-dev)

→

→webpack-dev-server(局部安装：cnpm install webpack-dev-server --save-dev)

●loader插件

→css-loader(局部安装：cnpm install css-loader --save-dev)

→style-loader(局部安装：cnpm install style-loader --save-dev)

→sass-loader(局部安装：cnpm install sass-loader --save-dev)

→url-loader(局部安装：cnpm install url-loader --save-dev)安装完之后，需在webpack.config.js文件中配置loader ，再在页面上引用：

css-loader

sass-loader

url-loader

●jquery插件(局部安装：cnpm install jquery --save-dev)

●moment插件(局部安装：cnpm install moment --save-dev)

react 用html插件,React配置过程中用到的插件汇总相关推荐

VisualVM 插件中心配置过程
今天看虚拟机的监控方式,研究了下JVisualvm工具, 提到JVisualvm就不能不提配套的插件开始的时候,在[工具]->[插件]中,发现配置的原始的[Java VisualVM 插件中心 ...
React-native 环境配置过程与搭建项目问题汇总
首先,最好参照来源当然是来自于开源代码本身的文档: https://reactnative.cn/docs/getting-started/ 一.初始环境搭建 1.环境组件由于从网上查找React- ...
vim插件快速配置使用(自己的vim插件配置)
文章目录说明 1. 插件管理插件安装和使用(vim-plug) 2.插件使用方法 3.主题 4.额外的将下面的内容,粘贴到~/.vimrc文件中,在按照使用方法来安装和配置即可. let g:ma ...
安装scss_React Native + Typescript + Scss开发配置过程
React Native + Typescript + Scss开发配置过程开发工具 Visual Studio Code React Native Tools扩展 Typescript支持入口文 ...
记录一次react项目配置过程
1.为什么要配置react而不是脚手架因为要知其然,最好还要知其所以然! 2.配置对象 webpack webpack-dev-server babel eslint 3.配置过程 1.webpac ...
教你webpack、react和node.js环境配置（上篇）
很多人刚学习react的时候,往往因为繁琐的配置而头疼,这里我将手把手教大家怎么用webpack配置react和redux的环境,这篇教程包括前端react和后台node整个网站的环境配置,对node ...
React使用本地svg图片配置
react使用本地svg图片采用react-create-app命令生成项目. 安装svg插件: yarn add svg-sprite-loader svgo-loader --dev svgo- ...
React + Typescript + Webpack 开发环境配置
对于复杂或多人开发的 React 项目来说,管理和使用每个组件的 props . state 或许会成为一件让人头痛的事情,而为每一个组件写文档,成本也会比较大,对项目的开发效率也不是最理想的. Ty ...
React、react生命周期、react生命周期运行过程、shouldComponentUpdate的用法
React.react生命周期.react生命周期运行过程 1.创建阶段 constructor(){super()console.log('执行构造函数')this.state={num:1}}UN ...

react 用html插件,React配置过程中用到的插件汇总

react 用html插件,React配置过程中用到的插件汇总相关推荐

最新文章

热门文章