javascript - Dependensi eksternal dikemas secara salah di rollup.js?

Saya sedang mencoba membuat 2 build terpisah menggunakan rollup.js: application.js dan dependencies.js, masing-masing berisi kode aplikasi saya, dan kode pustaka umum (react, react-dom, dll).

Dokumentasi mengatakan saya seharusnya bisa han

Baca lebih banyak →

javascript - Tidak bisa masuk ke objek yang didefinisikan oleh plugin rollup-replace

Dalam komponen Svelte, saya mencoba mengakses objek yang saya buat di file konfigurasi rollup saya. File rollup.config.js saya terlihat seperti ini:

import replace from '@rollup/plugin-replace'; ... export default { ... replace({ foo: JSON.stringify({ bar: 'Hello' }), }), ...

Dalam komponen Svelte saya, console.log(foo) sederhana berfungsi:

Baca lebih banyak →

reactjs - Kesalahan sintaks plugin rollup CommonJS saat mengimpor pustaka pihak ketiga, sebagian besar terkait dengan 'process'

Saya telah mengerjakan konfigurasi rollup kustom yang mengambil proyek React, dan menyematkan js dan css ke dalam index.html. Ketika saya mengimpor beberapa pustaka React pihak ketiga (seperti material-ui-color) saya menghadapi masalah dengan Commo

Baca lebih banyak →

angular - Kesalahan kelas Angular2 Rollup (InjectMetadata)

Saya menggunakan tsc standar (v1.8.10) untuk mengompilasi dan Rollup.js (v0.34.3) untuk menggabungkan aplikasi Angular 2 tetapi ketika dijalankan muncul kesalahan berikut:

Uncaught TypeError: Class constructor InjectMetadata cannot be invoked without 'new'(…)

sisa jejak tumpukan tampaknya melewati injektor dependensi:

decoratorInvocations.map.decoratorInvocation @ app.js:4012 convertTsickleDecoratorIntoMetadata @ app.js:4007 ctorParameters.ma

Baca lebih banyak →

angular - Bagaimana cara menyertakan/memperluas pustaka JS dengan rollup, typescript, angular2

Saya membangun proyek ini angular2-google-maps-test dan saya ingin menyertakan serta memperluas pustaka JS ini js-marker-clusterer

yang tampaknya tidak ditulis sebagai module.

function M

Baca lebih banyak →

vue.js - Mencoba menggabungkan Vue dengan TypeScript dan vue-property-decorator

Seperti yang tertulis di judul, dan saya tidak memiliki contoh kode saat ini, bagaimana mungkin sangat sulit untuk menggabungkan Rollup, Vue, Typescript, dan vue-property-decorator? Setiap kali saya mencobanya, ini ingin menambahkan vue-property-decorator sebagai dependensi eksternal. Setiap tautan ke solusi yang berfungsi akan sangat dihargai.

Baca lebih banyak →

javascript - Rollup + HoCs treeshaking

Saya sedang mencoba membuat perpustakaan komponen menggunakan typescript dan rollup.

Saya memiliki sebuah komponen, Canary.

function Canary() { ... } export default React.memo(Canary)

Perhatikan bagaimana Canary dibungkus dalam sebuah HoC (React.memo).

Saya memiliki komponen lain, SomeComponent

function SomeComponent() { ... } export default SomeCompo

Baca lebih banyak →

javascript - Mengapa rollup tidak bisa menyelesaikan file .d.ts?

Saya memiliki file .d.ts dan import exports di file .ts, ketika saya menggunakan tsc untuk mengompilasi file .ts, itu menghasilkan file js dengan sukses.

Tapi ketika saya menggunakan rollup (plugin dengan rollup-plugin-typescript2 & rollup-plugin-node-resolve & rollup-plugin-commonjs), ini melaporkan tidak dapat menyelesaikan impor.

Siapa pun bi

Baca lebih banyak →

typescript - Rollup tidak menambahkan komponen react-native ke impor bundle

Saya mencoba membuat pustaka react-native/-web untuk berbagi komponen antara dua proyek, tetapi rollup tidak mengenali komponen react-native ketika digunakan dalam sebuah komponen dan memberikan respons dengan kesalahan ini:

(!) Unused external imports View,Text,TouchableOpacity,ActivityIndicator,TextInput,Picker,FlatList,StatusBar imported from external module 'react-native' but never used default imported from external module 'react-native-easy-content-loader' but never used S

Baca lebih banyak →

typescript - Bagaimana saya bisa menggunakan file gambar sebagai sumber <img> menggunakan Rollup sebagai bundler?

Dalam kode sumber saya, jalur impor ini benar:

<img src={"../../../../assets/logo.svg"} />

Tetapi jalur relatif berubah selama proses penggabungan. Bagaimana saya bisa membuat kode tetap berfungsi setelah penggabungan?

Saya pikir jika proyek saya menggunakan JS murni, saya bisa menggunakan @rollup/plugin-image. Tapi saya belum berhasil membuatnya bekerja di proyek Typescript saya.

Ketika saya mencoba menggunakannya seperti

Baca lebih banyak →