Cómo construir un entorno de desarrollo de nodos y reaccionar
Cómo construir un entorno de desarrollo de nodo y reaccionar
Cómo construir un entorno de desarrollo de nodo y reaccionar
var path = require("path");
var webpack = require('webpack');
module.exports = {
entrada: { aplicación: ['./app/main.jsx'] } ,
salida: {
ruta: path.resolve(__dirname, "./build"),
publicPath: "http://127.0.0.1 :8080 /build/",
nombre de archivo: "bundle.js"
},
resolver: {
extensiones: [ '' ,'.js','.jsx']
},
módulo: {
cargadores: [
{ test: /\.jsx$/, loaders:['jsx?harmony']}
],
//Solo necesitas agregar estos cargadores cuando usas ES6
cargadores:[
{
prueba: /\.jsx?$/,
cargador: 'babel',
incluye: ROOT_PATH,
consulta: {
//Agrega dos presentaciones y usa estos dos ajustes preestablecidos para procesar archivos js o jsx
presets: [' es2015', 'reaccionar']
}
}
]
},
devServer: {
historyApiFallback: verdadero,
caliente: verdadero,
en línea: verdadero,
progreso: verdadero
},
complementos: [
nuevo webpack.DefinePlugin({
'process.env.NODE.ENV':"desarrollo"
} ),
nuevo paquete web.HotModuleReplacementPlugin()
]
};