react+webpack4+ant框架代码拆分,使用cdn

最新推荐文章于 2024-08-04 20:03:00 发布

lqw199311

最新推荐文章于 2024-08-04 20:03:00 发布

阅读量709

点赞数

分类专栏：前端文章标签： react webpack4 框架代码拆分

本文链接：https://blog.csdn.net/lqw199311/article/details/103290693

版权

前端专栏收录该内容

15 篇文章 0 订阅

订阅专栏

1.修改webpack.config.js
注释 //["import", {libraryName: "antd", style: 'css'} ] 此处作用是不打包框架代码
添加externals:{ 'BMap':'BMap', "echarts": "echarts", 'react': 'React', 'react-dom': 'ReactDOM', 'antd': 'antd', "moment": "moment" },将需要放在cdn的文件添加在此处,不然会报错
2.index.html中引入cdn文件

  <script src="https://cdn.bootcss.com/babel-polyfill/7.6.0/polyfill.min.js"></script>
  <script src="https://cdn.bootcss.com/react/16.8.6/umd/react.production.min.js"></script>
  <script src="https://cdn.bootcss.com/react-dom/16.8.6/umd/react-dom.production.min.js"></script>
  <script src="https://cdn.bootcss.com/moment.js/2.24.0/moment.min.js"></script>
  <script src="https://cdn.bootcss.com/moment.js/2.24.0/locale/zh-cn.js"></script>
  <script src="https://cdn.bootcss.com/antd/3.19.2/antd.min.js" type="text/javascript"></script>