1. 程式人生 > >webpack打包用的cdn,速度明顯加快,只要10秒不到,全部import需要近一分鐘,--最終算是徹底失敗-axios

webpack打包用的cdn,速度明顯加快,只要10秒不到,全部import需要近一分鐘,--最終算是徹底失敗-axios

<script crossorigin src="https://unpkg.com/[email protected]/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/[email protected]/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'] 
            }