最近研究开始学习react，记录下自己的学习过程吧！
新建一个项目react-lesson1,打开命令行工具，进入react-lesson1目录下，运行npm init初始化webpack配置。
在根目录下可以看到package.json文件了，然后运行npm i -D webpack下载webpack，npm i -D webpack-cli。打开package.json文件，找到scripts,定义脚本命令，这里就自定义的写一个"dev":"webpack"，相当于在命令行中输入npm run dev运行webpack。
这里，我们新建一个文件夹src，里面新建一个index.html页面和一个app.js，在建一个a.js用来展示模块化吧，我们可以在a.js中写export default function a(){console.log('a');}，其中export default用于导出常量、函数、文件、模块等。
回到app.js中，我们通过import a from './a.js'引入a.js，调用a()方法。
现在我们需要给项目新建一个配置文件了，再新建一个dist文件夹作为输出文件夹，在根目录下新建webpack.config.js文件，引入path模块，const path = require('path')，然后配置入口路径和输出路径module.exports = {entry:'./src/app.js',output:{path:path.resolve(__dirname,'dist'),filename:'main.js'}},在命令行中运行npm run dev,会看到dist文件夹下有一个main.js文件，在index.html中引入该main.js文件，在浏览器在中打开index.html，会发现a.js模块中的函数被正确执行。