Блог

Любопытно, как это будет сделано. В настоящее время я использую накопительный пакет и публикую его в NPM.

Вот мой сводный список:

 import peerDepsExternal from 'rollup-plugin-peer-deps-external'; import { nodeResolve } from '@rollup/plugin-node-resolve'; import commonjs from '@rollup/plugin-commonjs'; import babel from '@rollup/plugin-babel'; import typescript from 'rollup-plugin-typescript2'; import json from "@rollup/plugin-json"; // import postcss from 'rollup-plugin-postcss'; import { terser } from 'rollup-plugin-terser'; const packageJson = require('./package.json');  export default {  input: packageJson.source,  output: [  {  dir: packageJson.main,  format: 'cjs',  },  {  dir: packageJson.module,  format: 'esm',  },  ],  plugins: [  peerDepsExternal(),  typescript({useTsconfigDeclarationDir: true}),  nodeResolve(),  json({  compact: true,  }),  babel({  exclude: 'node_modules/**',  }),  commonjs(),  /* postcss({  modules: true,  }), */  terser(),  ], };  

И я использую его в любом другом приложении ala:

импортируйте микомпонент из «мой-пользовательский-компонент»;

 <MyComponent {...someprops} />  

НО я хочу предложить это через CDN, поэтому, учитывая, что теперь это сценарий, как это делается для компонента react (как я делаю для публикации npm)? Это на объекте окна?