react安装和使用--webpack
来源:互联网 发布:淘宝集市店 编辑:程序博客网 时间:2024/06/05 15:23
初始化项目
npm init
通过npm安装
npm install --save react react-dom babelify babel-preset-reactnpm install --save babel-preset-es2015
第一个react
var Rect = require('react');var ReactDOM = require('react-dom');ReactDOM.render( <h1>Hello World!!!!</h1>, document.getElementById("example"));
webpack安装
npm install webpack -g //全局安装npm install webpack-dev-server -g //全局安装npm install webpacknpm install webpack-dev-servernpm install babel-loader //不安装webpack执行报错
webpack配置文件(webpack.config.js)
var webpack = require('webpack');var path = require('path');module.exports = { context: __dirname + '/src', entry: "./js/index.js", module: { loaders: [{ test: /\.js?$/, exclude: /(node_modules)/, loader: 'babel-loader', query: { presets: ['react', 'es2015'] } }] }, output: { path: __dirname + "/src/", filename: "bundle.js" }};
webpack使用
执行 webpack监听 webpack --watch
阅读全文
0 0
- react安装和使用--webpack
- webpack安装和使用
- Webpack 3.x 通过webpack安装React和Babel
- 使用 Webpack 和 ES6 进行 React 开发
- Webpack&React (三) 使用Webpack
- 使用React-route和Webpack快速构建一个react程序
- 使用React-route和Webpack快速构建一个react程序
- React 安装-webpack打包
- Webpack&React (四) Webpack 和 React
- react和webpack
- webpack的安装和使用
- 针对 webpack + es6 + react 安装使用及其遇到的问题!
- webpack+react+ES6 配置安装
- babel - 使用Webpack和Babel来搭建React应用程序
- 使用React和webpack工具实现自己的博客页面
- 使用webpack和babel搭建react开发环境
- 使用webpack和babel搭建react开发环境
- webpack构建React应用二:webpack的安装及基础使用
- Error getting authority: Error initializing authority: Could not connect: No such file or directory
- tomcat8源码之架构解析
- 工厂模式之——【抽象工厂模式】
- <Jupyter Notebook>如何用一台服务器给多个 Jupyter 用户提供服务
- mysql数据向oracle数据迁移
- react安装和使用--webpack
- sqlserver函数
- Oracle in exists
- 58 同城 iOS 客户端 Hybrid 框架探索
- java 实现http响应
- 视频学习笔记:Android ffmpeg解码多路h264视频并显示
- 基于注解的Spring整合SpringMVC开发流程?
- 链表——Java实现
- java-访问修饰符