level 6
卖萌的黑狼
楼主
用react.js做了2个项目了,总的来说很喜欢这个框架,我来分享点经验
环境配置让很多新人比较头疼,这里是webpack配置ES6+JSX的教程
安装全局依赖
npm install webpack webpack-dev-server babel -g
依赖
npm install react react-dom babel-loader less-loader css-loader style-loader url-loader file-loader babel-preset-es2015 babel-preset-react --save-dev
配置写法:
module.exports = { entry: { main: './src/index.jsx', es5:'./src/es6.js' }, output: { path: 'build', filename: '[name].build.js' }, resolve: { extensions: ['','.js', '.jsx'] }, module: { loaders: [{ test: /\.jsx$/, loader: 'babel-loader', query:{ presets:['es2015','react'] } }, { test: /\.js$/, loader: 'babel-loader', query:{ presets:['es2015'] } }] }};
转自我的博客,顺便吐槽贴吧不支持代码高亮,而且这吧人好少
my.oschina.net/wolfx/blog/653007
2016年06月15日 01点06分
1
环境配置让很多新人比较头疼,这里是webpack配置ES6+JSX的教程
安装全局依赖
npm install webpack webpack-dev-server babel -g
依赖
npm install react react-dom babel-loader less-loader css-loader style-loader url-loader file-loader babel-preset-es2015 babel-preset-react --save-dev
配置写法:
module.exports = { entry: { main: './src/index.jsx', es5:'./src/es6.js' }, output: { path: 'build', filename: '[name].build.js' }, resolve: { extensions: ['','.js', '.jsx'] }, module: { loaders: [{ test: /\.jsx$/, loader: 'babel-loader', query:{ presets:['es2015','react'] } }, { test: /\.js$/, loader: 'babel-loader', query:{ presets:['es2015'] } }] }};
转自我的博客,顺便吐槽贴吧不支持代码高亮,而且这吧人好少
my.oschina.net/wolfx/blog/653007