szwork2013 / webpack2-react-redux-antd-mobile

webpack2-react-redux-antd-mobile

webpack2-react-redux-antd-mobile

webpack2-react-redux-antd-mobile

##技术栈

• webpack2
• ant-mobile
• react
• react-router
• redux
• fetch
• express

##BUG

2016/11/12

在 webpack2 下, ant-mobile 引入报错

ERROR in ./~/.0.9.8@antd-mobile/lib/button/index.js
Module not found: Error: Can't resolve 'react-native' in 'D:\test\js\1112\react-redux-antd-mobile\node_modules\.0.9.8@antd-mobile\lib\button'

原因：Webpack 2.1.0-beta23 之后的config里不能直接包含自定义配置项 解决：将postcss和devServer替换成以下写法即可

plugins: {
  new webpack.LoaderOptionsPlugin({
    options: {
      postcss: function () {
        return [precss, autoprefixer];
      },
      devServer: {
        contentBase: "src", //本地服务器所加载的页面所在的目录
        colors: true, //终端中输出结果为彩色
        historyApiFallback: true, //不跳转
        inline: true //实时刷新
      }
    }
  })
}