git clone https://github.com/zhufengnodejs/201707ketang
cd 201707ketang
npm install
cd server
node server.js
cd ..
npm run dev
npm install body-parser express express-session -S
npm install es6-promise history react react-dom react-redux react-router-dom react-router-redux@next history react-swipe react-transition-group redux redux-thunk swipe-js-iso whatwg-fetch -S
npm install babel-core babel-loader babel-preset-es2015 babel-preset-stage-0 babel-preset-react url-loader file-loader less less-loader style-loader css-loader webpack webpack-dev-server html-webpack-plugin babel-plugin-transform-decorators-legacy -D
"scripts": {
"dev": "webpack-dev-server --open"
},
let path = require('path');
let HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
//入口文件
entry: './src/main.js',
//输出配置
output:{
path:path.resolve('./build'),//打包后存放的目录
filename:'bundle.js',//打包后存放的文件名
},
//配置调试工具,报错的话会提示源码的位置
devtool:'cheap-module-source-map',
module:{
rules:[
{
test:/\.js$/,
use:'babel-loader',
exclude:/node_modules/
},
{
test:/\.less$/,
use:["style-loader","css-loader","less-loader"]
},
{
test:/\.(png|jpg|gif|bmp)$/,
use:'url-loader'
}
]
},
plugins: [
new HtmlWebpackPlugin({
template:'./src/index.html'
})
]
}