react
浪迹前端
混迹前端,浪迹前端
展开
-
taro配置使用tailwind
安装在 Taro 项目根目录下安装npm i taro-plugin-tailwind --save使用引入插件请确保 Taro CLI 已升级至 Taro 3 的最新版本,确保 taro-plugin-tailwind 版本在 v1.1.0 及以上。修改项目 config/index.js 中的 plugins 配置如下:const config = { /// ... plugins: [ // ...其余插件 'taro-plugin-ta原创 2021-11-06 14:09:27 · 1835 阅读 · 0 评论 -
推荐一个较全面的vite-react脚手架模板
vite-react-ts-app基于vite构建包含mobx+antd+typescript+eslint+scss的起步应用第一步 访问项目 仓库 接着git clone拉取代码第二步 yarn 或者 npm install安装依赖第三步 yarn dev启动项目关于更多vite信息,请访问vite官方中文文档...原创 2021-02-19 11:54:12 · 1220 阅读 · 0 评论 -
nextjs使用mobx教程
nextjs使用mobx教程安装资源npm install mobx mobx-react --save 或者 yarn add mobx mobx-react新增store.js文件import { observable, action } from 'mobx'class IndexStore { @observable count = 0 @action changeCount(val) { this.count += val }}export def原创 2020-07-22 18:47:56 · 1721 阅读 · 0 评论 -
nextjs的alias路径配置
nextjs的alias路径配置安装资源npm install --save-dev babel-plugin-module-resolver 或者 yarn add babel-plugin-module-resolver --dev根目录新增.babelrc{ "presets": ["next/babel"], "plugins": [ [ "module-resolver", { "alias": { "原创 2020-07-22 18:47:31 · 2871 阅读 · 1 评论 -
nextjs使用scss或less
next默认只支持css,要想支持scss或less则需要一些配置安装资源npm install --save @zeit/next-sass node-sass 或者 yarn add @zeit/next-sass node-sassnpm install --save @zeit/next-less less 或者 yarn add @zeit/next-less less在next.config.js中配置// css跟less 并存使用const withCSS = req原创 2020-07-11 17:30:23 · 6007 阅读 · 1 评论 -
nextjs 怎么发请求获取数据
用next框架开发了一段时间,讲一下next怎么发起请求获取从服务器获取数据一。页面首次打开请求数据自己封装的next请求封装库 有兴趣的小伙伴可以看一下import React from 'react';import { getTopicsApi } from '../../util/service'; // 自己封装的请求class Demo extends React.Components { // 第二种写法 static getInitialProps() { //原创 2020-07-11 16:55:29 · 5379 阅读 · 0 评论 -
react-json-view(一看就会的教程)
最近业务上需要用到json可视化的需求,在这给大家安利一个前端页面很好用的插件react-json-view第一步:安装插件npm install --save react-json-view 或者 yarn react-json-view,在这推荐大家在项目中用 yarn 安装插件,yarn的出错几率比npm低很多。第二步:import ReactJson from 'react-json...原创 2019-09-03 11:50:10 · 5840 阅读 · 0 评论