用webpack搭建react_react webpack搭建 - CSDN
精华内容
参与话题
  • 什么是webpackwebpack是一个模块打包工具,在前端中模块指的就是js,css,图片等类型文件...webpack的安装与使用 首先我们创立一个文件夹如study,在开始菜单打开cmd,进入该文件夹,然后进行以下步骤: 1、npm

    什么是webpack?

    webpack是一个模块打包工具,在前端中模块指的就是js,css,图片等类型文件。webpack支持多种模块系统,而且兼容js的多种书写规范(如ES6),它可以处理模块间的相互依赖关系,对静态资源进行统一打包和发布。
    

    webpack的安装与使用

        首先我们创立一个文件夹如study,在开始菜单打开cmd,进入该文件夹,然后进行以下步骤:
        1、npm init       //创建一个package.json的工程文件。
        2、npm install -g webpack     // 在全局安装webpack,若已安装过则可以跳过。
        3、npm install --save-dev webpack  //在项目中安装webpack。 
        创建完成之后,我们在我们的文件目录中创建两个文件夹,为dist(打包后放置的文件夹)与src(我们写项目的地方)。src文件夹中我们先创立两个文件为index.js与main.js。dist文件夹中我们创立一个index.html用来让浏览器来读取显示。结构如下:
    

    这里写图片描述

    我们在dist/index.html中写好初始的内容,引入的js文件为bundle.js文件,这个文件就是webpack打包后生成的文件。如下图:
    

    这里写图片描述

    在index.js中输入“导出代码”:
    
    module.exports = function() {
      var hello = document.createElement('div');
      hello.textContext = "This is index.js file."
      return hello;
    }

    将hello变量导出,在main.js接受变量,然后将该变量插入到root标签中:

    const hello = require('./index.js');
    document.querySelector('#root').appendChild(hello());
    接下来我们在根目录下创建一个webpack.config.js文件用来配置webpack,我们先进行简单的配置,目前主要做的是要设置内容的入口路径以及打包后文件的存放路径。在webpack.config.js中写入以下代码块:
    
    module.exports = {
      entry: __dirname + "/src/main.js",
      output:{
        path: __dirname + "/dist",
        filename: "bundle.js"
      },
    }
    entry为唯一的入口文件,也就是webpack要从这里读取,output为输出,这里设置的是输出到dist目录下的bundle.js文件。接着运行webpack在cmd中运行   
    
    ".\\node_modules\\.bin\\webpack" 这是在windows中运行的。若已安装全局则使用 "webpack"也可以。
    进一步我们不用以上的输入方式,在package.json中的scripts中加入   "start": "webpack" ,即可通过npm start命令来启用webpack。
    
    package.json中的脚本部分已经默认添加了./node_modules/.bin路径,所以我们也不需要输入详细的路径地址了。start是一个特殊的脚本名称,我们也可以起其他的名字,但是如果对应的不是start那么我们要启动时必须要使用npm run {你在script中所用的名字} 如npm run build。
    

    webpack的在开发生产时的具体功能

    开发时需要调试代码,在打包过后如果出错我们就需要调试工具来帮我们改正错误。Source Map就是帮我们解决这个难题的。他要在我们的webpack.config.js文件中进行配置,属性名为devtool,他有四种选项来让使用者来选择。
    1、source-map: 在一个单独的文件中产生一个完整且功能完全的文件。这个文件具有最好的source map,但是它会减慢打包文件的构建速度;
    2、cheap-module-source-map: 在一个单独的文件中生成一个不带列映射的map,不带列映射提高项目构建速度,但是也使得浏览器开发者工具只能对应到具体的行,不能对应到具体的列(符号),会对调试造成不便;
    3、eval-source-map: 使用eval打包源文件模块,在同一个文件中生成干净的完整的source map。这个选项可以在不影响构建速度的前提下生成完整的sourcemap,但是对打包后输出的JS文件的执行具有性能和安全的隐患。不过在开发阶段这是一个非常好的选项,但是在生产阶段一定不要用这个选项;
    4、cheap-module-eval-source-map: 这是在打包文件时最快的生成source map的方法,生成的Source Map 会和打包后的JavaScript文件同行显示,没有列映射,和eval-source-map选项具有相似的缺点。
    我们这里用第三种方法。在webpack.config.js进行以下配置:
    
    module.exports = {
      devtool: 'eval-source-map',
      entry: __dirname + "/src/main.js",
      output:{
        path: __dirname + "/dist",
        filename: "bundle.js"
      },
    }
    

    这四种方式从上到下打包速度回越来越快,当然隐患越来越多,所以在生产阶段还是用第一种为好。

    使用webpack构建本地服务器

    webpack提供一个可选的可以检测代码的修改并自动刷新页面的本地服务器。该服务器是基于node.js的,不过我们需要单独安装它作为项目依赖。
    npm install --save-dev webpack-dev-server
    
    devserver作为webpack配置选项中的一项,以下是它的一些主要配置选项:
    
    1、contentBase: 默认webpack-dev-server会为根文件夹提供本地服务器,如果想为另外一个目录下的文件提供本地服务器,应该在这里设置其所在目录(本例设置到“public"目录)
    2、port: 设置默认监听端口,如果省略,默认为“8080”
    3、inline: 设置为true,当源文件改变时会自动刷新页面
    4、historyApiFallback: 在开发单页应用时非常有用,它依赖于HTML5 history API,如果设置为true,所有的跳转将指向index.html
    代码如下:
    
    module.exports = {
      devtool: 'eval-source-map',
    
      entry: __dirname + "/src/main.js",
    
      output:{
        path: __dirname + "/dist",
        filename: "bundle.js"
      },
    
      devServer:{
        contentBase: "./dist", //读取目录
        port: 8000,   //端口号
        inline: true, //实时刷新
        historyApiFallback: true //单页面不跳转
      },
    }
    

    接着我们要在package.json中配置server代码如下:

    {
      "name": "study-webpack",
      "version": "1.0.0",
      "description": "",
      "main": "index.js",
      "scripts": {
        "start": "webpack",
        "test": "echo \"Error: no test specified\" && exit 1",
        "server": "webpack-dev-server --open"
      },
      "author": "",
      "license": "ISC",
      "devDependencies": {
        "webpack": "^3.8.1",
        "webpack-dev-server": "^2.9.3"
      }
    }
    

    接着在cmd中输入 npm run server 即可在浏览器中打开本地服务器。

    Loaders

    loaders作为webpack的强大功能之一,它的作用就是让webpack调用外部脚本和工具来对不同的格式的文件进行处理。Loaders需要单独安装并且需要在webpack.config.js下的modules关键字下进行配置,Loaders的配置选项包括以下几方面:
    1、test:一个匹配loaders所处理的文件的扩展名的正则表达式。
    2、loader: loader的名称(必需)。
    3、include/exclude:手动添加:手动添加需要的文件夹或者屏蔽掉不需要选择的文件。
    4、query: 为loaders提供了额外的设置选项。
    
    babel
    babel是一个编译js的平台,它可以帮助你的代码编译称为浏览器识别的代码。并且它还可以把js的扩展语言JSX编译称为浏览器识别的语句。
    安装依赖包:  npm install --save-dev babel-core babel-loader babel-preset-es2015 babel-preset-react 
    下面我们在webpack.config.js中来配置loader和babel:
    
    module.exports = {
      devtool: 'eval-source-map',
    
      entry: __dirname + "/src/main.js",
    
      output:{
        path: __dirname + "/dist",
        filename: "bundle.js"
      },
    
      module: {
        loaders:[{
          test: /\.js$/,   //需要匹配的文件扩展名
          exclude: /node_modules/, // 排除不需要处理的文件夹
          loader: 'babel-loader', //  所用的loader名称
          query:{
                presets: ['es2015', 'react']  // 支持es5与react
          }
        }]
      },
    
      devServer:{
        contentBase: "./dist", //读取目录
        port: 2333,   //端口号
        inline: true, //实时刷新
        historyApiFallback: true //单页面不跳转
      },
    }
    
    完成以上工作后接着来安装react
    npm install --save react react-dom
    接着修改src文件夹中的Index.js与main.js的代码,react使用的版本"react": "^16.0.0":
    以下是Index.js代码:
    
    import React from 'react';
    import ReactDOM from 'react-dom';
    
    class Greeter extends React.Component{
      render() {
        return (
          <div>
            <span>my god</span>
          </div>
        );
      }
    };
    
    export default Greeter
    
    以下为main.js代码:
    
    import React from 'react';
    import ReactDOM from 'react-dom';
    import Greeter from './Index';
    
    ReactDOM.render(<Greeter />, document.getElementById('root'));
    

    Babel的配置选项

    因为babel有非常多的配置选项,在单一的webpack.config.js文件中进行配置往往使得这个文件显得太复杂,因此一些开发者支持把babel的配置选项放在一个单独的名为 ".babelrc" 的配置文件中。因此现在我们就提取出相关部分,分两个配置文件进行配置(webpack会自动调用.babelrc里的babel配置选项)。
    将webpack.config.js中的query去掉,建立.babelrc文件写出一下代码:
    
    {
      "presets": ["react", "es2015"]
    }

    css的相关安装
    webpack把所有文件当成模块处理,只要有合适的loaders,它都可以被当做模块来处理。webpack提供两个工具处理样式表css-loader,style-loader,二者处理的任务不同,css-loader使你能够使用类似@import 和 url(…)的方法实现 require()的功能,style-loader将所有的计算后的样式加入页面中,二者组合在一起使你能够把样式表嵌入webpack打包后的JS文件中。

    安装loader

    npm install --save-dev style-loader css-loader
    

    接着webpack.config.js中添加loaders

    module.exports = {
      devtool: 'eval-source-map',
    
      entry: __dirname + "/src/main.js",
    
      output:{
        path: __dirname + "/dist",
        filename: "bundle.js"
      },
    
      module: {
        loaders:[
          {
            test: /\.js$/,
            exclude: /node_modules/,
            loader: 'babel-loader'
          },
          {
            test: /\.css$/,
            loader: 'style-loader!css-loader'
          }
        ]
      },
    
      devServer:{
        contentBase: "./dist", //读取目录
        port: 2333,   //端口号
        inline: true, //实时刷新
        historyApiFallback: true //单页面不跳转
      },
    }

    接着我们可以创立一个css文件,记好路径,在main.js中(也就是webpack的入口文件)我们导入css文件即可使用。

    这里题外说个问题,我们想在react中使用sass,就在此基础上先进行npm下载
    加载: npm install sass-loader node-sass –save-dev
    之后我们在webpack.config.js中添加loaders

    module.exports = {
      devtool: 'eval-source-map',
    
      entry: __dirname + "/src/main.js",
    
      output:{
        path: __dirname + "/dist",
        filename: "bundle.js"
      },
    
      module: {
        loaders:[
          {
            test: /\.js$/,
            exclude: /node_modules/,
            loader: 'babel-loader'
          },
          {
            test: /\.(css|scss)$/,
            loader: 'style-loader!css-loader!sass-loader'
          }
        ]
      },
    
      devServer:{
        contentBase: "./dist", //读取目录
        port: 2333,   //端口号
        inline: true, //实时刷新
        historyApiFallback: true //单页面不跳转
      },
    }
    
    之后再style文件夹中创立一个scss文件导入到main.js文件中即可使用了。
    

    eslint的安装与使用
    首先安装依赖包 npm install –save-dev eslint eslint-loader
    通过配置webpack.congfig.js以及创建.eslintrc文件来配置好初始值即可在项目中使用eslint。
    webpack.config.js:

    module.exports = {
      devtool: 'eval-source-map',
    
      entry: __dirname + "/src/main.js",
    
      output:{
        path: __dirname + "/dist",
        filename: "bundle.js"
      },
    
      module: {
        loaders:[
          {
            test: /\.js$/,
            exclude: /node_modules/,
            loader: 'babel-loader!eslint-loader'
          },
          {
            test: /\.(css|scss)$/,
            loader: 'style-loader!css-loader!sass-loader'
          }
        ]
      },
    
      devServer:{
        contentBase: "./dist", //读取目录
        port: 2333,   //端口号
        inline: true, //实时刷新
        historyApiFallback: true //单页面不跳转
      },
    };
    

    .eslintrc

    {
        "parser": "babel-eslint",
        "rules": {
            "semi": [
                "error",
                "always"
            ]
        }
    }

    eslint的相关规则根据自己的需求来制定即可。之后大家即可进行基本的编写了~~

    参考链接: http://blog.csdn.net/fengyinchao/article/details/52100357

    展开全文
  • 安装yeoman$ npm install -g yo安装generator-react-webapck$ npm install -g generator-react-webpack新建一个工程cd到工程目录$ yo react-webpack根据提示即可新建一个项目常用命令 启动开发环境服务器$ npm ...

    安装yeoman

    $  npm install -g yo

    安装generator-react-webapck

    $  npm install -g generator-react-webpack

    新建一个工程cd到工程目录

    $ yo react-webpack

    根据提示即可新建一个项目

    可能出现的错误

    常用命令
    启动开发环境服务器

    $  npm start
    //或者
    $  npm run serve

    启动压缩版本的服务器

    $  npm run serve:dist
    //或者
    $  npm run dist

    测试

    $  npm test

    创建新的组件

    $  yo react-webpack:component my/namespaced/components/name

    相关文档
    yeoman官网 http://yeoman.io/
    generator-react-webpack文档 https://www.npmjs.com/package/generator-react-webpack

    展开全文
  • webpack4搭建react项目实现前端模块化

    千次阅读 2018-04-28 09:40:45
    webpack4搭建react项目实现前端模块化 首先,你得把node.js,npm装好,然后新建一个文件夹app 1cmd到这个文件夹下输入指令 npm init -y 这时,app 下会生成一个 package.json 文件 2项目中安装 webpack ...

    webpack4搭建react项目实现前端模块化

    首先,你得把node.js,npm装好,然后新建一个文件夹app

    1cmd到这个文件夹下输入指令

    npm init -y

    这里写图片描述

    这时,app 下会生成一个 package.json 文件

    2项目中安装 webpack

     npm install -D webpack

    -D就是–save-dev 这样安装的包的名称及版本号就会存在package.json的devDependencies这个里面,而–save会将包的名称及版本号放在dependencies里面。

    这里写图片描述

    3,继续安装 webpack-cli
    这里写图片描述

    4,因为webpack4的入口文件是src的index,所以新建index.html和src文件夹下的index.js
    这里写图片描述

    打包试试
    这里写图片描述
    多出来dist文件夹下面的main.js,是webpack的出口文件
    然后在HTML中引入mian.js
    这里写图片描述

    5在项目目录下安装webpack-dev-server

    npm install -D webpack-dev-server

    这里写图片描述

    因为webpack-dev-server的默认端口是8080,为了避免产生冲突,所以把端口改成8886,
    在项目目录下新建webpack.config.js
    修改端口

        devServer: {
            inline:true,
            port: 8886
        }
    

    启动webpack-dev-server,打开localhost:8886

    npx webpack-dev-server --mode development --output-public-path dist
    

    这里写图片描述

    这时候浏览器将随着代码的改动而自动更新

    6关联react
    安装react依赖包

    npm install react react-dom

    这里写图片描述

    安装 babel-loader

    npm install -D babel-loader@next @babel/core @babel/preset-react

    这里写图片描述

    安装file-loader

    npm install -D file-loader

    这里写图片描述

    安装css-loader style-loader

    npm install -D css-loader style-loader

    这里写图片描述

    各个模块都下载完成后,修改webpack.comfig.js文件在项目中加载这些文件

        module: {
            rules: [
                {
                    test: /\.js$/,
                    exclude: /(node_modules|bower_components)/,
                    use: {
                        loader: 'babel-loader',
                        options: {
                            presets: ['@babel/preset-react']
                        }
    
                    }
                },
    
                {
                    test: /\.(png|jpg|gif)$/,
                    use: [
                        {
                            loader: "file-loader",
                            options: {}
                        }
                    ]
                }
                ,
                {
                    test: /\.css$/,
                    use: [
                        { loader: 'style-loader' },
                        { loader: 'css-loader?modules' },
    
                    ]
                },
            ]
        }

    为了避免css的全局污染,所以这里用了css-modules,让css也能像js那样按需使用
    这里写图片描述

    效果如下
    这里写图片描述

    展开全文
  • react+webpack4+typescript搭建项目

    千次阅读 2018-05-19 18:37:25
    公司项目打算从vue框架转成react,所以自学了下如何用webpack4搭建react+typescript的项目,虽说有脚本架create-react-app直接搭建,公司大佬也正在自己封装属于自己的脚本架,但是这里我想从0到1的自己搭建学习搭建...

    react+webpack4+typescript搭建项目

    公司项目打算从vue框架转成react,所以自学了下如何用webpack4搭建react+typescript的项目,虽说有脚本架create-react-app直接搭建,公司大佬也正在自己封装属于自己的脚本架,但是这里我想从0到1的自己搭建学习搭建一下(适合新手学习下):
    一:首先安装最新的webpack
    npm install -D webpack

    这里我们还需要安装webpack-cli,
    (这是webpack4.+的,这里不做详解,有兴趣的可以到webpack官网学习https://webpack.docschina.org/)

    npm install -D webpack-cli

    接着安装react和相关的依赖react,react-dom

    npm install --save-dev react react-dom @types/react @types/react-dom
    npm install --save-dev ts-loader
    npm link typescript
    npm install --save-dev webpack-dev-server
    npm install -D "babel-loader@^8.0.0-beta" @babel/core @babel/preset-react
    

    这个时候,我们已经把该装的依赖的都装了(简单版),接下来我们写相关的配置

    用命令行输入:

    tsc --init

    生成typescript的配置文件:tsconfig.json, 这里进行简单的修改

    {
      "compilerOptions": {
        "sourceMap": true,
        "noImplicitAny": true,
        "module": "commonjs",
        "target": "es5",
        "jsx": "react"
      }
    }
    

    接着我们创建src目录,以及在src目录下创建components目录,并且创建文件:

    • src/index.tsx 和 src/components/Ant.tsx

    index.tsx代码如下:

    import * as React from "react"
    import * as ReactDOM from "react-dom"
    
    import { Ant } from "./components/Ant"
    
    ReactDOM.render(
      <Ant name="EDong" company="ydj" />,
      document.getElementById("app")
    )
    

    Ant.tsx代码如下:

    import * as React from "react"
    
    export interface AntProps {
      name: string
      company: string
    }
    
    export class Ant extends React.Component<AntProps, {}> {
      render() {
        return (
          <h1>
            Hello, I am {this.props.name}, I in {this.props.company} now!
          </h1>
        )
      }
    }
    

    接着我们在根目录下创建webpack.config.js和index.html:

    webpack.config.js配置如下:

    const path = require('path')
    const CleanWebpackPlugin = require('clean-webpack-plugin')
    const HtmlWebpackPlugin = require('html-webpack-plugin')
    
    module.exports = {
        mode: 'development',
        //入口文件的路径
        entry: "./src/index.tsx",
        output: {
            //打包的输出路径
            path: path.resolve(__dirname, "dist"),
            filename: "bundle.js"
        },
        // 添加需要解析的文件格式
        resolve: {
            extensions: ['.ts', '.tsx', '.js', '.json']
        },
        plugins: [
            new CleanWebpackPlugin(['dist']),
            new HtmlWebpackPlugin({
                title: '蚂蚁',
                template: './index.html',
            })
        ],
        module: {
            rules: [
                {
                    test: /\.js$/,
                    include: [
                        path.resolve(__dirname, 'src')
                    ],
                    loader: 'babel-loader',
                    options: {
                        presets: ['@babel/preset-react'],
                        plugins: ['@babel/plugin-proposal-class-properties']
                    }
                },
                {
                    test: /\.tsx?$/,
                    use: ['ts-loader']
                }
            ]
        },
        devServer: {
            contentBase: path.resolve(__dirname, "dist"),
        },
        // 启用sourceMap
        devtool: "source-map",
    }

    index.html代码如下:

    <!DOCTYPE html>
    <html>
    
    <head>
        <meta charset="UTF-8" />
        <title>Hello Ant</title>
    </head>
    
    <body>
        <div id="app"></div>
    </body>
    
    </html>

    接着直接运行webpack-dev-server, 在浏览器直接访问localhost:8080,这里已经配置了实时更新了。
    简单版的我已经上传到我的github:

    有兴趣的可以自己配置react-router, redux等等全家桶。

    展开全文
  • webpack4 react 搭建:babel升级到7 webpack编译的时候发生很多报错 // 搭建环境 webpack4 babel7 // install webpack npm i webpack webpack-cli webpack-dev-server -g //install react npm i react react-dom...
  • 1.webpack脚手架构建React项目:方法 ...4.怎样利用webpack搭建react开发环境:方法 5.webpack3构建react开发环境:方法 6.React多页面应用1(webpack4 开发环境搭建,包括热更新,api转发等):方法 7.React系列...
  • 扩展create-react-app的webpack配置

    千次阅读 2019-03-07 17:22:28
    在创建react项目时,我们一般create-react-app脚手架来搭建项目。 create-react-app对webpack的配置进行了封装并默认隐藏了配置文件。 当我们需要对webpack的配置进行扩展时,需要执行npm run eject命名将配置文件...
  • 快速搭建 webpack + react 环境

    千次阅读 2018-08-27 00:41:36
    然后执行:建立一个目录作为项目根目录并初始化:mkdir react-webpack...npm init安装相关组件这里包括了本文所需要的全部组件npm i --save-dev react react-dom react-transform-hmr webpack webpack-dev-server babel
  • 从零开始一个webpack+react项目

    千次阅读 2020-04-04 16:36:51
    本篇旨在从零开始,最少的配置、最少的代码、最少的依赖来搭建一个最简单的webpack+react环境 第一步,初始化项目 npm init (注意文件名符合规范) 第二步,安装webpackwebpack-cli和webpack-dev-server,....
  • 手把手教你使用Webpack打包React项目

    万次阅读 2018-05-10 15:35:49
    先来认识一下webpack的基本配置现在开发搭建开发环境第一步:在react-music-player文件目录下,执行npm init创建package.json文件。这时,代码当中的配置文件就已生成啦:第二步:现在配置文件中...
  • Create React App(以下简称 CRA)是创建 React 应用的一个脚手架,它与其他脚手架不同的一个地方就是将一些复杂工具(比如 webpack)的配置封装了起来,让使用者不用关心这些工具的具体配置,从而降低了工具的使用...
  • 自己一直使用的框架React Redux Universal Hot Example,这个的React Router Webpack 都是比较老的。项目大了之后,运行很慢慢,一直都想换,可找了好久其它的框架,可是使用起来有点不习惯,最近看 从零搭建React...
  • 刚开始遇到webpack和babel的版本不兼容,之后使用webpack-dev-server搭建服务器遇到安装的webpackwebpack-dev-server版本不兼容的问题。作为一名前端小白的我表示心很累。 现象:安装webpack之后运行正常,再安装...
  • 问题三:外部扩展库中React is not defined 原因:不小心把react写在了配置文件的extenal中 module.exports = { entry: __dirname + '/src/ManageSystem.js', output: { path: __dirname + '/build', ...
  • React+Webpack+babel开发环境搭建

    千次阅读 2016-02-24 15:39:30
    折腾了很久才把React开发环境搭建起来,目前react最新的版本是0.14.7,jsx解析器也有了变化,有序jsx-loader已经不在提供支持,因此react采用babel-loader来编译jsx,不说了看操作: 1.首先需要安装node和npm这个我...
  • 使用webpack搭建react+antd项目

    千次阅读 2018-10-17 17:11:40
    目前网络上关于react和antd的教程有很多,在构建项目阶段大多create-react-app,dva等脚手架工具进行搭建,使用工具固然方便,却总感觉没能真正完全掌握这门技术,于是自己尝试从头搭建了一个项目 1.环境  本机使用...
  • React+Webpack+ES6从环境搭建到HelloWorld

    万次阅读 热门讨论 2016-08-19 13:36:39
    React是一个Facebook和Instagram用来创建用户界面的JavaScript库,是现在最热门的前端框架。Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的...
  • 脚手架搭建react项目

    千次阅读 2017-11-06 20:54:08
    脚手架下载使用npm下载create-react-app运行如下命令:npm install -g create-react-app国内npm一般下载比较慢或者是常出现下载失败的情况,我们可以指定下载的仓库:npm install -g create-react-app -
  • 本人是在windows环境下搭建的,ios自行摸索。 代码地址PreByter 项目初始化 首先就是项目初始化,一定确保安装node或者yarn二者均可, npm init //或者 yarn init 此时会生成package.json文件,这个文件包含的项目...
  • 基于Webpack搭建React开发环境

    千次阅读 2019-06-21 17:54:12
    运行 npm init 下方询问的问题,可以enter采用默认的选项 (默认配置可以直接使用 npm init -y) 文件夹内出现新的package.json文件(我就是自己输入了description后面的值,其他的都是使用默认的值) 3...
1 2 3 4 5 ... 20
收藏数 8,650
精华内容 3,460
关键字:

用webpack搭建react