前端沉淀-每周阅读文章

链接到的都是别人的文章

9.22第一周

基于 webpack 的前后端分离开发环境实践

• spa模式开发从组件化，数据流，状态容器，再到网络请求，单页路由都给了完善的全家桶方案。但是有以下问题：

  1. 前端开发本地开发环境下该如何突破域的限制和服务端接口进行通信？
  2. 一条命令，能否同时完成webpack和node server的启动？
  3. 开发环境下的前端资源路径应该如何配置？
  4. mock数据应该怎么做？
  5. 打包构建后的文件能否直接预览效果？

• 对于webpack-dev-server的解读
  详解webpack-dev-server的使用

• 借助node和http-proxy实现通信
  
  1. 直接启动服务端项目，再讲url指向前端服务中的静态资源地址。缺点是要启动两套环境，配置繁琐
  2. cors跨域
  3. http-proxy：用nodejs搭建本地http服务器，并且判断访问接口url进行转发。

webpack前端构建性能优化策略小结

• 对于公共包
  CommonsChunkPlugin正确打开方式

module.exports = {
    entry: {
        app: './app.js',
        vendor: ['react', 'react-dom', 'moment' /*等等其他的模块*/]
    },
    //其他配置
    plugins: [
        new webpack.optimize.CommonsChunkPlugin({