webpack教程--03loader

loader就是webpack用来预处理模块的，在一个模块被引入之前，会预先使用loader处理模块内容

还是上一节课的代码，这节课我们会引入react，首先进行两个操作 

• npm i
• npm i -S react react-dom

然后会看到package.json里面出现了这几行代码，表明react安装成功

 

然后在app.js中添加以下代码

但是因为js文件里面包含了<div>元素，就会报错。这个时候webpack就会解决这个问题，首先运行安装这两个东西

npm i -D babel-loader babel-core 

npm i -D babel-preset-react

然后添加以下代码

界面出现这个成功