Как собрать Redo c с Webpack и простым HTML? - PullRequest
Новая
       70

Как собрать Redo c с Webpack и простым HTML?

0 голосов
/ 13 марта 2020

Как я могу использовать Redo c как npm зависимость с веб-пакетом и простым html? Я хочу использовать Redo c для генерации документации API без React. У меня есть веб-пакет с HtmlWebpackPlugin и некоторыми скриптами.

index. html: 

<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>Open API</title>
  </head>
  <body>
    <div id="redoc"></div>
  </body>
</html>

main. js: 

import { Redoc } from 'redoc';

Redoc.init('http://petstore.swagger.io/v2/swagger.json', {
    scrollYOffset: 50
}, document.getElementById('redoc'));

и раздел из веб-пакета. conf. js: 

entry: {
        polyfill: '@babel/polyfill',
        main: helpers.root('resources/assets/js', 'main'),
        styles: helpers.root('resources/assets/js', 'styles')
    }

Теперь у меня ошибка: Uncaught TypeError: r.Redoc.init is not a function

и мой package.json: 

"dependencies": {
    "@babel/polyfill": "~7.2",
    "dotenv-webpack": "^1.7.0",
    "normalize.css": "^8.0.1",
    "redoc": "^2.0.0-rc.23"
  },
  "devDependencies": {
    "@babel/core": "~7.2",
    "@babel/plugin-proposal-class-properties": "~7.3",
    "@babel/plugin-proposal-decorators": "~7.3",
    "@babel/plugin-proposal-json-strings": "~7.2",
    "@babel/plugin-syntax-dynamic-import": "~7.2",
    "@babel/plugin-syntax-import-meta": "~7.2",
    "@babel/preset-env": "~7.3",
    "babel-loader": "~8.0",
    "compression-webpack-plugin": "~2.0",
    "copy-webpack-plugin": "^5.0.3",
    "cross-env": "~5.2",
    "css-loader": "^3.0.0",
    "file-loader": "^1.1.9",
    "friendly-errors-webpack-plugin": "~1.7",
    "html-webpack-plugin": "~3.2",
    "mini-css-extract-plugin": "~0.5",
    "node-sass": "^4.13.1",
    "optimize-css-assets-webpack-plugin": "^5.0.1",
    "sass-loader": "~7.1",
    "stylelint": "^10.1.0",
    "stylelint-order": "^3.0.0",
    "stylelint-scss": "^3.9.0",
    "uglifyjs-webpack-plugin": "~1.2",
    "webpack": "~4.29",
    "webpack-bundle-analyzer": "^3.3.2",
    "webpack-cli": "~3.2",
    "webpack-dev-server": "~3.1",
    "webpack-hot-middleware": "~2.24",
    "webpack-merge": "~4.2"
  },

И я хочу эту сборку webpack это приложение для index.html и main.js и это работает!

...