React系列学习笔记:1.React与webpack基本配置
http://www.jianshu.com/p/eb2da4fe7f5b
字数625阅读472评论0喜欢1前言 webpack和react搭配开发非常棒可以说是最佳的搭档了,包在安装过程中开发用的使用
目录结构|-React-redux-example
|-node_modules/ #包文件
|-public/ #静态目录
|-assets/ #静态资源生成目录
|-index.html
|-src/ #开发目录
|-app.js #client入口文件
|-config/ #配置目录
|-webpack.dev.js #webpack开发配置文件
|-package.json
|-README.md
|-.gitignore #git的忽略列表
config/webpack.dev.js
package.json 在 "scripts": {
"build": "webpack --verbose --color --display-error-details --config ./config/webpack.dev.js "
}
src/app.js这里我们用最少的代码测试一下我们的webpack配置有没有问题
public/index.html 因为没有启动web服务器,所以 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>React-redux-example</title>
</head>
<body>
<div id="app"></div>
</body>
<script src="./assets/bundle.js"></script>
</html>
build 完成上面所有步骤后, NEXTwebpack与express开发服务器的配置,hotreplace(热替换)的配置 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |