最近这两天把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
同样,在开始新建文件之前, 先安装相关的包.