New Research: Supply Chain Attack on Axios Pulls Malicious Dependency from npm.Details →
Socket
Book a DemoSign in
Socket

ys-react-config

Package Overview
Dependencies
Maintainers
1
Versions
13
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

ys-react-config

此react配置包含如下: **1.react react-dom** **2.react-router-dom** **3.@reduxjs/toolkit(react-redux和react-thunk)**

latest
npmnpm
Version
1.0.12
Version published
Maintainers
1
Created
Source

此react配置包含如下:
1.react react-dom
2.react-router-dom
3.@reduxjs/toolkit(react-redux和react-thunk)

一、Install with npm:

npm init -y
npm install --save-dev ys-webpack-config
npm install --save ys-react-config

二、需在package.json中添加如下配置

    "scripts": {
        "start": "yang start",
        "start:open": "yang start --open",
        "build": "yang build",
        "create": "yang createDir",
    },
    "engines": {
        "node": ">=10.13.0"
    },
    "babel": {
        "presets": [
            "@babel/preset-env",
            "@babel/preset-react",
            "@babel/preset-typescript"
        ]
    },
    "browserslist": {
        "production": [
        ">0.2%",
        "not dead",
        "not op_mini all"
        ],
        "development": [
        "last 1 chrome version",
        "last 1 firefox version",
        "last 1 safari version"
        ]
    }

三、自定义单页面或多页面配置(单页面可忽略以下配置)

默认单页面配置,取示例index配置,请确保入口文件及模板存在

1.项目根目录下新增webpack.config.js

2.暴露entry入口(多个入口则生成多页面)

module.exports = {
    entry: { 
        index: { 
            import: './src/index.js', 
            template: './public/index.html' 
        }, 
        a: { 
            import: './src/a.js', 
            template: './public/a.html' 
        } 
    } 
}

四、生成public文件夹和src文件夹模板

npm run create

五、run with npm

npm run start:open

Keywords

react

FAQs

Package last updated on 27 Jan 2022

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts