react dev searver 搭建记录
来源:互联网 发布:java url 传递 jsonp 编辑:程序博客网 时间:2024/04/29 20:07
- npm init 创建文件夹,初始化npm 环境
- 安装各种包 npm install webpack webpack-dev-server style-loader css-loader url-loader babel-loader sass-loader file-loader
- 创建webpack.config.js
var path =require("path");module.exports = { entry: path.join(__dirname, './src/entry.js'), output: { path: path.join(__dirname, 'out'), publicPath: "./out/", filename: 'bundle.js', publicPath: "/assets/" }, module: { loaders: [ {test: /\.js$/, loader: "babel"}, {test: /\.css$/, loader: "style!css"}, {test: /\.(jpg|png)$/, loader: "url?limit=8192"}, {test: /\.scss$/, loader: "style!css!sass"} ] }};
package.json 添加启动脚本
"scripts": { "start": "webpack-dev-server --inline --content-base src/" }
运行
npm run start
访问
http://localhost:8080/
react dev server 热部署 环境搭建完成
参考文档
http://webpack.github.io/docs/webpack-dev-server.html(官网)
0 0
- react dev searver 搭建记录
- windows 下搭建react-native 环境记录
- dev记录
- React Native 学习:Windows 上搭建环境踩坑记录
- React记录
- C# Dev 随笔记录
- Dev日常学习记录
- webpack-dev-server 支持 react-router BrowserHistory
- dev控件apsxgridview记录1
- dev控件apsxgridview记录2
- dev控件apsxgridview记录3
- 记录在Ubuntu下搭建React Native踩过的坑
- react-native 错误记录
- React踩坑记录
- React基础记录
- React常见问题记录
- React Native错误记录
- react native 问题记录
- Start.好记性不如烂笔头
- APICloud成长记录 一 欢迎页制作总结
- NOIP 2008传纸条 解题报告(棋盘型DP,多线程)
- POJ 2524 Ubiquitous Religions (并查集)
- 操作系统_第四章_虚拟存储器
- react dev searver 搭建记录
- pat_BL_1012
- Java实现远程控制技术(附完整源代码)
- 华为oj--迷宫问题
- HDU-1002-A + B Problem II【大数】
- java堆、栈、字符串常量池
- java静态变量初始化
- 教程 安装MYSQL 5.7.14 解压版
- Keepalived+nginx