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-router(局部安装: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)

html-webpack-plugin(局部安装:cnpm install html-webpack-plugin --save-dev)

参考资料:html-webpack-plugin用法全解

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 ,再在页面上引用:

React配置过程中用到的插件汇总_第1张图片
css-loader
React配置过程中用到的插件汇总_第2张图片
sass-loader
React配置过程中用到的插件汇总_第3张图片
url-loader

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

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

React配置过程中用到的插件汇总_第4张图片

你可能感兴趣的:(React配置过程中用到的插件汇总)