/react-ie8-webpack3-server-render-example

基于webpack3来跑react+ie8+server side render的例子,项目包含的各种常用插件和库,尽量接近实际需求,有很好的参考性

Primary LanguageJavaScript

react-ie8-webpack3-server-render-example

intro

基于webpack3来跑react+ie8+server side render的例子,项目包含的各种常用插件和库,尽量接近实际需求,有很好的参考性 支持async/await语法,fetch,sass,redux + redux thunk,react server side render

非server render的例子在这 https://github.com/dunhuang/react-ie8-webpack3-example

code-splitting(react-loadable)的例子见 https://github.com/dunhuang/react-ie8-webpack3-server-render-example/tree/loadable

run

ie8 只能在build模式下跑起来:

npm run deploy

开发模式dev mode(不支持ie8):

npm run dev

notice

注意有些npm模块的package.json中已经有了“module”属性(根据npm最新标准),webpack会优先用模块中的es6部分去解析,这会导致build之后的代码不能在ie8下运行,此时要进行如下配置(以react-redux为例):

  resolve: {
    ...
    alias: {
      'react-redux': path.resolve(__dirname, './node_modules/react-redux/lib/index.js')
    }
  },

docs

为了兼容ie8,用了一系列旧版本库,部分参考文档整理如下: