react-webpack-创新互联
安装yeoman(脚手架工具)
成都创新互联公司专注于乌兰察布企业网站建设,响应式网站建设,商城网站建设。乌兰察布网站建设公司,为乌兰察布等地区提供建站服务。全流程定制制作，专业设计，全程项目跟踪，成都创新互联公司专业和态度为您提供的服务
npm install -g yo
npm install -g generator-react-webpack
2.创建项目并进入项目根文件夹
运行一下命令：yo react-webpack
3.启动服务
npm start/npm run serve/npm run dev
关于generator-react-webpack2.0版，目录结构大变样，已经是只需要webpack就能启动项目，我理了一下其目录。
|____.babelrc ES6配置文件 |____.editorconfig EditorConfig插件配置文件，用于统一编码风格。 |____.eslintrc ESLint配置文件 |____.gitignore 需要git同步时忽略文件夹的配置文件 |____.yo-rc.json 未知 |____cfg 这里存放webpack配置 | |____base.js webpack基础配置 | |____defaults.js webpack一些其他的默认配置 | |____dev.js 测试环境的webpack配置，启动npm run start的时候会使用这份webpack设置。 | |____dist.js 线上环境的webpack配置，启动npm run dist的时候会使用。 | |____test.js 做单元测试的时候使用，npm run test |____dist webpack输出目录 | |____README.md | |____static | | |____favicon.ico | | |____README.md |____karma.conf.js 单元测试配置文件 |____npm-debug.log 日志文件 |____package.json 重要！包结构配置文件，并且存放了启动脚本，npm script |____server.js node服务器，用于本地启动这个项目，正是这个脚本启动了webpack编译。 |____src 源代码目录 |____test 单元测试目录 |____webpack.config.js 重要，webpack配置文件入口
创新互联www.cdcxhl.cn，专业提供香港、美国云服务器，动态BGP最优骨干路由自动选择，持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证， 机房独有T级流量清洗系统配攻击溯源，准确进行流量调度，确保服务器高可用性。佳节活动现已开启，新人活动云服务器买多久送多久。
本文名称：react-webpack-创新互联
本文链接：http://mswzjz.cn/article/dhihcp.html