(2)react环境搭建

使用套件搭建

基本不用了。

手动引入几个库。

(2)react环境搭建

使用 create-react-app构建react开发环境

​ 脚手架 搭建,一行命令即可。(第一次构建事件较长)

(1)安装webpack-react-app

npm install -g create-react-app

(2)使用该命令创建项目目录

create-react-app my-app

注:不能包含大写字母

(3)切换到项目目录

cd my-app

(4)运行项目

npm start

运行后自动打开浏览器,默认运行在3000端口

手动搭建

(1)首先搭建webpack环境

此处不再列出。,大家自行查阅。

(2)安装项目依赖

【1】安装loader

$ cnpm install  @babel/preset-react  babel-loader @babel/core @babel/preset-env -D

【2】安装react相关模块

cnpm  install react react-dom -D

【3】手动配置webpack.config.js文件

module: {
        rules: [
            	{
            test: /\.m?js$/,
            exclude: /node_modules|bower_components/,
            use: {
                loader: 'babel-loader',
                options: {
                    presets: ['@babel/preset-env', '@babel/react']
                }
            }
        }
      ]
    }
上一篇:163邮件:554 DT:SPM 163 smtp11,D8CowABHLj7jX_BdY+q6Ag--.21946S2 1576034275,please see http://mail.163.c


下一篇:javascript-在模板中使用动态vars将unjucks与htmlWebpackPlugin一起使用