React + TypeScript + Webpack 初学者模板

用这个模板,轻松启动你的 React + TypeScript + Webpack 项目。安装指南:

1. 使用 npm init -y 初始化一个新的 npm 项目。

2. 安装 webpack 依赖:npm install webpack-cli -D。

3. 创建 webpack 配置文件:module.exports = { entry: { app: path.resolve(ROOTPATH, 'src/index.js') }, output: { filename: 'js/[name].js', path: path.resolve(ROOTPATH, 'dist') } };

4. 在 package.json 中添加 npm 命令(Windows 用户:先安装 cross-env)。

zip
react-ts-template-main.zip 预估大小:43个文件
folder
react-ts-template-main 文件夹
file
.DS_Store 6KB
folder
public 文件夹
file
index.html 560B
file
favicon.ico 3KB
file
.eslintrc.js 3KB
file
.prettierignore 12B
folder
src 文件夹
folder
pages 文件夹
folder
page2 文件夹
file
index.tsx 137B
folder
page1 文件夹
file
index.tsx 137B
file
index.tsx 212B
folder
store 文件夹
file
index.ts 528B
file
reducer.ts 112B
folder
layouts 文件夹
folder
ViewLayout 文件夹
file
index.tsx 322B
folder
LeftSideBar 文件夹
file
index.tsx 2KB
file
index.module.scss 28B
folder
MainLayout 文件夹
file
index.tsx 737B
file
index.module.scss 32B
folder
SuspenseComponent 文件夹
file
index.tsx 333B
folder
components 文件夹
folder
Logo 文件夹
file
index.tsx 212B
file
index.module.scss 97B
folder
assets 文件夹
folder
css 文件夹
file
reset.scss 503B
file
app.tsx 321B
folder
typings 文件夹
file
files.d.ts 438B
file
style.d.ts 104B
folder
routes 文件夹
file
index.tsx 492B
file
adminRoutes.tsx 1KB
file
app.scss 72B
file
.babelrc 1KB
folder
.vscode 文件夹
file
settings.json 66B
folder
scripts 文件夹
file
config.js 145B
file
constants.js 265B
folder
config 文件夹
file
webpack.dev.js 861B
file
webpack.prod.js 1KB
file
rules.config.js 3KB
file
webpack.common.js 2KB
file
.commitlintrc.js 632B
file
.stylelintrc.js 888B
file
tsconfig.json 729B
file
.prettierrc 290B
file
README.md 7KB
file
.npmrc 56B
file
.gitignore 5KB
file
.eslintignore 12B
file
package-lock.json 671KB
file
package.json 4KB
zip 文件大小:146.3KB