webpack打包用的cdn,速度明显加快,只要10秒不到,全部import需要近一分钟,--最终算是彻底失败-axios

<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
<script type="text/javascript" src="https://cdn.bootcss.com/react-router/4.3.0-rc.3/react-router.min.js"></script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/react-redux/5.0.7/react-redux.min.js"></script> -->

<script type="text/javascript" src="https://cdn.bootcss.com/axios/0.18.0/axios.min.js"></script>

使用cdn引入打包速度也之后10秒不到--Provider是找不到的

只配置config,js文件import是找不到react模块的-引入cdn也还是找不到
果然跟大小写有关

externals: {
        React: 'react'

    },

8:最终选择热更新组件,速度明显更快;连babelrc文件改变都能被更新到,算是可以了;--但要小心缓存
9:antd的输入框取值跟普通input是不一样的,是通过传参数的,

10:react里面的所有图片直接用路径是不行的,必须require ,还得使用两个loader

cnpm install url-loader --save-dev

cnpm install file-loader --save-dev          

还需要配置:{
          test: /\.(png|jpg)$/,
          loader: 'url-loader?limit=819'
        }

模板html中引入的图片文件依旧找不到;以前连js文件也找不到,

cnpm install html-withimg-loader --save-dev    增加这个插件和配置之后确实可以正常引入

{
                test: /\.(htm|html)$/i,
                 use:[ 'html-withimg-loader'] 
            }


猜你喜欢

转载自blog.csdn.net/qq_39047764/article/details/80796543