yarn使用，reactjs+webpack搭建，运行第一个示例
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了yarn使用，reactjs+webpack搭建，运行第一个示例相关的知识，希望对你有一定的参考价值。
参考技术A yarn是一个和npm类似的包管理工具首先来到项目目录
在git cmd中执行
yarn add react react-dom webpack
react react-dom 是reactjs的核心库
接下来用webstorm打开项目目录
创建源码目录src 里面创建js和pages文件夹分别用来存放js脚本文件和html文件
首先介绍一个webpack插件
html-webpack-plugin可以对我们的html模板进行生成并输出 同时按照文件夹层级结构自动引入所依赖的js文件
首先安装html-webpack-plugin可以再github上查找webpack各种插件
安装yarn add html-webpack-plugin
接下来创建webpack配置文件 使用webpack对项目进行构建
webpack默认配置文件是webpack.config.js
在项目根目录下创建webpack.config.js
里面是js脚本 在项目编译时 会自动调用该文件 并通过require的方式直接变成模块加载到内核中读取配置
最简单配置如下
以上是关于yarn使用，reactjs+webpack搭建，运行第一个示例的主要内容，如果未能解决你的问题，请参考以下文章
Reactjs 和 Docker 中使用 yarn 的“install\r”错误是啥意思？ [关闭]