前端开发平台 Vercel 的团队宣布推出了 Next.js 13，该版本的一些亮点更新内容包括：app/ Directory (beta)：更简单、更快、更少的客户端 JS。LayoutsReact Server ComponentsStreamingTurbopack (alpha)：速度提高 700 倍的基于 Rust 的 Webpack 替代品。新的 next/imag
转载
2024-05-10 10:44:47
123阅读
使用webpack webpack是一款模块化的打包工具，它认为所有的文件都是模块，包括js，css等等，版本为2.x推荐学习，1.x版本已废弃，不建议使用。 目前，facebook官方就是使用webpack搭建react的开发环境，关于webpack的详尽知识可以在webpack官网学习。这里将介
转载
2017-02-01 19:06:00
97阅读
2评论
You can easily spend hours configuring the perfect dev environment with all the latest hotness like ES6 (and beyond) support, hot reloading, and a myr...
转载
2015-09-06 03:13:00
114阅读
2评论
node是运行引擎，通过他可以直接在后端运行js语法 webpack是打包工具 react是前端框架 通过 npm 使用 React 我们建议在 React 中使用 CommonJS 模块系统，比如 browserify 或 webpack，本教程使用 webpack。 国内使用 npm 速度很慢，
转载
2017-09-22 02:22:00
64阅读
2评论
React Without ES6通常情况下你可以用纯JavaScript类定义一个组件:class Greeting extends React.Component {
render() {
return <h1>Hello, {this.props.name}</h1>;
}
}如果你不使用ES6，你可以使用React.createClass来定义:va
转载
2024-07-08 16:15:26
43阅读
webpack 打包不会玩，整了这么个小玩具 一段 vue 绑定代码，关键点在 gmallComponent 1、异步加载外部 vue 文件（非 .vue） 2、按一定规则拆分 template、script、style gz/test.html 使用习惯几乎遵循 vue 原生，定义模板、脚本、样式
转载
2019-09-13 23:26:00
97阅读
2评论
# 原生iOS与React Native的结合：不使用Node Modules
在移动开发领域，React Native作为一种流行的框架，允许开发者使用JavaScript构建原生应用。然而，许多开发者仍然对如何在不依赖Node Modules的情况下，将React Native与原生iOS代码结合起来感到困惑。本文将通过实例探讨这一主题，并包含序列图与甘特图以便更好地理解整个过程。
##
原创
2024-08-20 06:53:52
66阅读
更多内容参见个人技术博客，无广告欢迎关注 关于环境，你需要了解的知识：1、node.js / npm / webpack react-native算是web应用，几乎所有代码都是JavaScript来写的（哈哈哈哈哈此时我要说一句：JavaScript是世界上最好用的编程语言，PHP的同学肯定不符）下面你需要了解node.js和npm，神器登场，让npm助react
If you try to use CSS Modules in TypeScript the same way you would use them in JavaScript, with webpack’s css-loader, you’ll see an error: ”TS2307: Ca
转载
2018-01-26 20:13:00
154阅读
2评论
webpack插件：npminstallbabel-corebabel-loaderbabel-preset-reactbabel-preset-es2015sublime插件：jsx//高亮jsx语法修改webpack配置文件：```constpath=require('path');module.exports={entry:'./src/index.js',d
原创
2018-04-06 13:44:24
1122阅读
安装配置Babel babel preset es2015 ES6语法包，使代码可以随意地使用ES6的新特性。 babel preset react React语法包，专门用于React的优化，在代码中可以使用React ES6 classes的写法，同时直接支持JSX语法格式 安装Babel lo
转载
2018-12-22 13:16:00
89阅读
常用配置说明entry可以接受字符串，数组，对象等多种格式项目打包入口文件，可以是绝对路径也可以是相对路径webpack 打包默认入口文件是 ./src/index.js 约定，默认输出是 项目根目录下 /dist/main.jsoutput 打包后的内容输出相关配置，path打包后文件路径, 只能使用绝对路径常用loader相关理解默认情况下，webpack 值支持.js,.json文件，通过
转载
2021-01-29 10:59:50
557阅读
2评论
建议在 React 中使用 CommonJS 模块系统，比如 browserify 或 webpack，本次使用 webpack。 第一步、安装全局包 第二步、创建根目录 创建一个根目录，目录名为：reactApp，再使用 npm init 初始化，生成 package.json 文件： 第三步、添
原创
2022-04-06 11:55:56
631阅读
在上面的几篇博客中我们创建了webpack项目，现在我们需要将webpack项目转换为react项目，如何进行转换1.将项目中的node_modules 文件夹删除
原创
2022-07-07 17:23:35
181阅读
原生js：a.head.jsx：functionhead(){varhead=document.createElement('div')head.setAttribute('class','head')head.innerHTML="head"returnhead}module.exports=headb.table.jsx：functiontable(){vartable=document.cr
原创
2018-04-16 06:33:01
1474阅读
点赞
使用 antd安装yarn add antd复制代码配置仍然需要使用babel-plugin-import，不过在v4版本的介绍文档中没有该部分说明了，需要到v3版本找 —— antd@v3 - 高级配置yarn add babel-plugin-import -D复制代码只安装babel-plugin-import是不够的，还需要安装less和less-loaderyarn add less l
转载
2021-01-19 22:02:34
364阅读
2评论
