最近公司又开始了新的项目,所以博客更新会不那么及时,另外晚上回家还在看 HTTP 相关的知识,整理的都是相关的东西。React当然还会继续更新。好了,废话不多说。
react的生态圈非常庞大,第三方的构建工具也有很多种,这节介绍一个在业内比较流行的构建工具generator-react-webpack,它是需要yeoman的支持的。
优点介绍:
- 基于webpack构建,可以很容易的配置自己需要的webpack(当然是你在熟练使用webpack的情况下,不熟练也没关系,就当在跟着学习一便)
- 支持ES6,集成了Babel-Loader。
- 支持不同风格的css(sass、less、stylus)。
- 支持postCSS转换样式
- 继承了eslint功能
- 可以轻松配置单元测试,比如 Karma 和 Mocha 。
安装:
安装还是在命令行用npm进行安装,不过在全局安装generator-react-webpack之前,你可以先安装yeoman。命令如下:
npm
install
-
g
yo
npm
install
-
g
generator
-
react
-
webpack
创建目录
我们先用命令自行创建一个文件:new-react-demo
1
|
mkdir
new
-
react
-
demo
|
进入这个文件夹
1
|
cd
new
-
react
-
demo
|
用生成器生成我们的项目目录
1
|
yo
react
-
webpack
|
用npm start就可以查看效果了。
总结:generator-react-webpack更容易配置webpack,让你适应你的实际项目,并且有很强的扩展功能。