react + webpack + ES6 环境搭建
来源:互联网 发布:王者数据分析师 编辑:程序博客网 时间:2024/05/21 06:13
很喜欢react这个框架,最近也在摸索这个东西,官网的demo有点low,我还是喜欢用webpack这个工具来搭建前端的开发环境。这一篇记录一下package.json跟webpack的配置,其他插件可以自己去拓展成自己想要的项目就ok了。
package.json:
{
"name":"my_react",
"version": "1.0.0",
"description": "",
"main":"index.js",
"scripts": {
"test":"echo \"Error: no test specified\" && exit 1"
},
"author": "张弋",
"license": "ISC",
"dependencies": {
"react":"^15.4.2",
"react-dom": "^15.4.2"
},
"devDependencies": {
"babel":"^6.23.0",
"babel-core": "^6.1.2",
"babel-loader": "^6.3.2",
"babel-plugin-transform-runtime":"^6.1.2",
"babel-preset-es2015":"^6.22.0",
"babel-preset-react": "^6.23.0",
"babel-preset-stage-0":"^6.1.2",
"babel-runtime": "^5.8.0",
"css-loader": "^0.26.2",
"style-loader": "^0.13.2",
"url-loader": "^0.5.8",
"webpack": "^2.2.1"
}
}
webpack.config.js:
module.exports = {
entry: './src/entry.js',//入口
output: {//输出
path: __dirname,
filename: "./dist/bundle.js"
},
module: {
loaders: [{
test: /\.js?$/,//表示要变异的文件的类型,这里要编译的是js文件
loader: 'babel-loader',//装载的哪些模块
exclude:/node_modules/,//标示不变异node_modules文件夹下面的内容
query: {//具体的编译的类型,
compact: false,//表示不压缩
presets: ['es2015','react']//我们需要编译的是es6和react
}
}]
}
}
- react + webpack + ES6 环境搭建
- webpack+ES6+react搭建简单开发环境
- 关于ES6+React+webpack的环境搭建
- 使用webpack搭建react ES6开发环境
- webpack+babel+es6+react环境搭建
- 搭建es6+react开发环境---webpack
- React系列1-飞速搭建React+ES6+Webpack开发环境
- webpack搭建ES6环境
- React+Webpack+ES6从环境搭建到HelloWorld
- React+Webpack+ES6从环境搭建到HelloWorld
- webpack+react+es6环境配置
- webPack+react 环境搭建
- 利用webpack搭建es6环境
- Webpack+React+ES6项目搭建(一)
- React+Webpack+ES6组合开发环境部署
- WEBPACK+REACT开发环境搭建
- 搭建 react+webpack开发环境
- 快速搭建 webpack + react 环境
- 为何很多企业做不好APP分发?从SuperCPD的报告谈起
- uva10375(唯一分解定理)
- Leetcode 53.Maximum Subarray
- 柔性数组
- C#简单操作Lotus Notes邮件
- react + webpack + ES6 环境搭建
- 从 React Router 谈谈路由
- Vue.js + Node.js打造个人博客(新手向)
- POJ 3292-Semi-prime H-numbers(H半素数)
- springMvc接受日期类型参数处理
- Linux学习(7)--文件权限
- java wait notify notifyall
- ssh框架整合:struts2+hibernate+spring(二):编写domain,dao,service,
- ln 创建符号链接--待更新