javascript - Kebergantungan luaran dibundel dengan salah dalam rollup.js?

Saya sedang mencuba untuk membuat 2 binaan berasingan menggunakan rollup.js: application.js dan dependencies.js, yang mengandungi kod aplikasi saya, dan kod perpustakaan biasa (react, react-dom, dan sebagainya), masing-masing.

Dokumen meng

Baca lagi →

javascript - Tidak boleh masuk ke dalam objek yang ditakrifkan oleh plugin-rollup replace

Dalam komponen Svelte, saya cuba mengakses objek yang saya sediakan dalam fail konfigurasi rollup saya. Fail rollup.config.js saya kelihatan seperti ini:

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

Dalam komponen Svelte saya, satu console.log(foo) yang mudah berfungsi:

Baca lagi →

reactjs - Ralat sintaks plugin rollup CommonJS semasa mengimport perpustakaan pihak ketiga, kebanyakannya berkaitan dengan 'process'

Saya telah bekerja pada konfigurasi rollup khusus yang mengambil projek React, dan menyisipkan js dan css ke dalam index.html. Apabila saya telah mengimport beberapa perpustakaan React pihak ketiga (seperti material-ui-color) saya menghadapi masalah

Baca lagi →

angular - Kesalahan kelas Rollup Angular2 (InjectMetadata)

Saya menggunakan tsc standard (v1.8.10) untuk menyusun dan Rollup.js (v0.34.3) untuk menggabungkan aplikasi Angular 2 tetapi apabila dijalankan, ralat berikut muncul:

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

sebahagian baki jejak timbunan kelihatan melalui penyuntik kebergantungan:

decoratorInvocations.map.decoratorInvocation @ app.js:4012 convertTsickleDecoratorIntoMetadata @ app.js:4007 ctorPar

Baca lagi →

angular - Bagaimana anda memasukkan/memperluas pustaka JS dengan rollup, typescript, angular2

Saya sedang membangunkan projek ini angular2-google-maps-test dan saya ingin memasukkan dan mengembangkan pustaka JS ini js-marker-clusterer

yang nampaknya tidak ditulis sebagai module.

Baca lagi →

vue.js - Mencuba untuk menggabungkan Vue dengan TypeScript dan vue-property-decorator

Seperti yang disebutkan dalam tajuk, dan saya tidak mempunyai sebarang contoh kod buat masa ini, bagaimana mungkin begitu mustahil untuk menggabungkan Rollup, Vue, Typescript dan vue-property-decorator? Setiap kali saya mencubanya, ia ingin menambah vue-property-decorator sebagai pergantungan luaran. Sebarang pautan kepada penyelesaian yang berfungsi akan dihargai.

Baca lagi →

javascript - Rollup + HoCs pengguguran pokok

Saya sedang cuba untuk mencipta perpustakaan komponen menggunakan typescript dan rollup.

Saya mempunyai sebuah komponen, Canary.

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

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

Saya mempunyai satu komponen lagi, SomeComponent

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

Baca lagi →

javascript - Mengapa rollup tidak dapat menyelesaikan fail .d.ts?

Saya mempunyai fail .d.ts dan import exports di dalam fail .ts, apabila saya menggunakan tsc untuk menyusun fail .ts, ia berjaya menjana fail js.

Tetapi apabila saya menggunakan rollup (plugin dengan rollup-plugin-typescript2 & rollup-plugin-node-resolve & rollup-plugin-commonjs), ia melaporkan tidak dapat menyelesaikan import.

Ada sesiapa boleh

Baca lagi →

typescript - Rollup tidak menambahkan komponen react-native ke import bundel

Saya cuba membina perpustakaan react-native/-web untuk berkongsi komponen antara dua projek, tetapi rollup tidak mengenali komponen react-native apabila ia digunakan dalam sebuah komponen dan memberi respons dengan ralat 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

Baca lagi →

typescript - Bagaimana saya boleh menggunakan fail imej sebagai sumber <img> menggunakan Rollup sebagai pembundel?

Dalam kod sumber saya, laluan import ini adalah betul:

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

Tetapi laluan relatif berubah semasa proses pembungkusan. Bagaimana saya boleh menjadikan kod terus berfungsi selepas pembungkusan?

Saya rasa jika projek saya menggunakan JS biasa saya boleh menggunakan @rollup/plugin-image. Tetapi saya belum berjaya menggunakannya dalam projek Typescript saya.

Apabila saya cuba menggunakanny

Baca lagi →