博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
React 【ES2015】+ Babel + Gulp + Webpack
阅读量:6736 次
发布时间:2019-06-25

本文共 1290 字,大约阅读时间需要 4 分钟。

hot3.png

React 【ES2015】+ Babel + Gulp + Webpack

var webpack = require("webpack");var commonsPlugin = new webpack.optimize.CommonsChunkPlugin("common.js");module.exports = {	entry: {//入口文件		routes:"./src/routes.js"	},	output: {//打包输出		path:__dirname,		filename:"[name].entry.js"	},	resolve: {//定义模块路径		extensions:['','.js','jsx']	},	externals: {      'React': 'window.React'    },	module: {//处理模块		loaders:[{			test:/\.js$/,			loader:'babel-loader',			query:{				presets:['es2015', 'react']			}		}, {			test:/\.jsx$/,			loader:'babel-loader',			query:{				presets:['es2015', 'react']			}		}]	},	plugins:[commonsPlugin]};

package.json

{  "name": "cnode.js",  "version": "1.0.0",  "description": "",  "main": "index.js",  "scripts": {    "test": "echo \"Error: no test specified\" && exit 1"  },  "author": "jso0",  "license": "ISC",  "dependencies": {    "babel-core": "^6.5.2",    "babel-loader": "^6.2.2",    "bootstrap": "^3.3.6",    "gulp": "^3.9.1",    "gulp-webpack": "^1.5.0",    "localStorage": "^1.0.3",    "react": "^0.14.7",    "react-bootstrap": "^0.28.3",    "react-dom": "^0.14.7",    "react-router": "^2.0.0",    "webpack": "^1.12.13"  },  "devDependencies": {    "babel-preset-es2015": "^6.5.0",    "babel-preset-react": "^6.5.0"  }}

 

 

 

参考:

 

 

 

转载于:https://my.oschina.net/u/574928/blog/615561

你可能感兴趣的文章
Linux下添加php的zip模块
查看>>
hadoop 命令手册
查看>>
阿里云ECS搭建Java+mysql+tomcat环境的简要步骤
查看>>
我的友情链接
查看>>
win7分区工具——Acronis Disk Director Suite
查看>>
Shiro的Demo示例
查看>>
RISC领域ARM不是唯一
查看>>
数据库容灾的最高境界
查看>>
spark命令
查看>>
mysql explain中的select tables optimized away---(二)
查看>>
安装PHP5和PHP7
查看>>
邹承鲁院士谈学术文献阅读
查看>>
我的友情链接
查看>>
我的友情链接
查看>>
我的友情链接
查看>>
android模仿铃声选择功能
查看>>
我的友情链接
查看>>
配置DHCP服务器
查看>>
trim triml trimr
查看>>
我的友情链接
查看>>