Red de conocimiento informático - Material del sitio web - Cómo construir un entorno de desarrollo de nodos y reaccionar

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()

]

};