webpack react antd遇到的问题

最新推荐文章于 2023-04-06 11:29:33 发布

xiaozhu_personal

最新推荐文章于 2023-04-06 11:29:33 发布

阅读量2.5k

点赞数

分类专栏： reaact webpack

本文链接：https://blog.csdn.net/hesongGG/article/details/78540864

版权

初始化项目文件
加入antd
问题
总结
相关链接

最近这两天把redux切换到了redux-saga之后,就想学习学习webpack. 咋说呢,这个东西被大家说的神乎其神,所以在我的认知里还是蛮神秘的(新手的感觉而已,不喜勿喷).
今天上午把webpack看了下,有个大致的方向,就想配一个简单的,可以本地开发运行的react(github custom_react)应用.

初始化项目文件

package.json
这个很简单,直接npm init就好. npm?
index.html
我们新建一个index.html.

mkdir -p public
cd public
touch index.html

index.html内容如下:

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="theme-color" content="#000000">
    <title>custom</title>
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>

index.js
开始这个js文件之前,我们需要使用相关的包

npm i --save react react-dom

然后我们的index.js是这样的.

import ReactDOM from 'react-dom';
import App from './App';
import React from 'react'

ReactDOM.render(
    <App/>,
    document.getElementById('root')
);

App.js
然后我们的App.js是这样的.

import React, { Component } from 'react';

class App extends Component {
   
    render() {
        return (
            <h1>Hello Word</h1>
        )
    }

}

export default App

webpack.config.js
同样,在开始新建文件之前, 先安装相关的包.

最低0.47元/天解锁文章

xiaozhu_personal

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
webpack react antd遇到的问题

初始化项目文件加入antd问题总结相关链接最近这两天把redux切换到了redux-saga之后,就想学习学习webpack. 咋说呢,这个东西被大家说的神乎其神,所以在我的认知里还是蛮神秘的(新手的感觉而已,不喜勿喷). 今天上午把webpack看了下,有个大致的方向,就想配一个简单的,可以本地开发运行的react(custom_react)应用.初始化项目文件package.jso
复制链接

扫一扫