详解Webpack+Babel+React开发环境的搭建的方法步骤

前端之家收集整理的这篇文章主要介绍了详解Webpack+Babel+React开发环境的搭建的方法步骤前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1.认识Webpack

构建应用前我们先来了解一下Webpack,Webpack是一个模块打包工具,能够把各种文件(例如:ReactJS、Babel、Coffeescript、Less/Sass等)作为模块进行编译后进行打包。

2.安装Webpack

要开始使用Webpack在项目中进行开发前我们首先需要在全局环境中进行安装。

3.创建一个项目

安装好后创建一个名叫learn-webpack的项目并进入该项目文件夹,当然项目名字你可以起你自己想要的名字。

通过编辑器找到你刚刚所创建的项目文件

现在我们来创建2个文件:

app.js

index.html

<Meta charset="UTF-8"> Learn-webpack

猜你在找的JavaScript相关文章