Фрагмент конфигурации моего веб-пакета
... externals: { 'react': 'React', 'react-dom': 'ReactDOM', 'react-router-dom': 'ReactRouterDom', 'axios': 'axios' }, ...
HTML-файл
<body> <section id="wrapper"> <div id="loading"></div> </section> <script src="https://cdn.bootcss.com/react/16.4.0/cjs/react.production.min.js"></script> <script src="https://cdn.bootcss.com/react-dom/16.4.0/cjs/react-dom.production.min.js"></script> <script src="https://cdn.bootcss.com/axios/0.18.0/axios.min.js"></script> <script src="https://cdn.bootcss.com/react-router-dom/4.3.0-rc.3/react-router-dom.min.js"></script> </body>
Скриншот ошибки браузера
Я хотел бы спросить, как решить эту проблему, я в основном хочу сжать размер vendors.js
Кажется, вы пытаетесь использовать общие сборки js для этих библиотек в браузере. Однако common js работает только в Node.JS, а не в браузерах.
Лучше всего использовать UMD-сборки этих пакетов. Я не полностью осведомлен о том, как работает cdn.bootcss.com, но если вы должны использовать unpkg CDN, вам следует изменить свои URL-адреса следующим образом:
<body> <section id="wrapper"> <div id="loading"></div> </section> <script src="https://unpkg.com/react@16.4.0/umd/react.production.min.js"></script> <script src="https://unpkg.com/react-dom@16.4.0/umd/react-dom.production.min.js"></script> <script src="https://unpkg.com/axios@0.18.0/dist/axios.min.js"></script> <script src="https://unpkg.com/react-router-dom@4.3.1/umd/react-router-dom.min.js"></script> </body>