React小项目（React+webpack+nodejs）--- 一、webpack入门

1.  新建一个名为ReactProject文件夹，进入后执行：

   npm init

   //使用init命令来初始化一个package.json文件
2. 执行：

   npm install web pack --save-dev
   

   //安装webpack
3. 在项目根路径下新建名为webpack.config.js文件并进行配置

   const path = require('path');
   
   //入口文件配置
   let entry = {
   	index: './public/javascripts/index_entry.js'
   };
   
   //浏览器端配置
   let browserConfig = {
   	entry,
   	output: {
   		//输出的路径
   		path: path.join(__dirname, 'build'),
   		publicPath: 'build',
   		//输出的文件名称
   		filename: 'js/[name].bundle.js',
   		chunkFilename: 'js/[id].bundle.js'
   	},
   	module: {
   
   	},
   	plugins: [
   	]
   };
   
   module.exports = [browserConfig];

4. 在项目根路径下新建名为build文件夹，用于存放编译打包后的文件
5. 在项目根路径下新建名为public文件夹，用于存放公共文件，如图片，css文件，js文件