webpack打包用的cdn,速度明顯加快,只要10秒不到,全部import需要近一分鐘,--最終算是徹底失敗-axios
阿新 • • 發佈:2019-02-06
<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 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']
}