Bundle теля Тяговый с теля Тяговыми нагрузками через накопительный пакет

Question

Что такое правильный способ импорта теля Тяговой и теля Тяговой нагрузки к моему накопительному пакету проекта? npm или github?

В настоящее время я использую НОГО установить каждый один:

npm install --save-dev ractivejs/ractive 

И

npm install --save-dev ractivejs/ractive-load 

И я использую rollup-plugin-commonjs с rollup-plugin-node-resolve для corretly жгута (rollup.config.js в конце вопроса):

import Ractive from 'ractive'; 
import load from 'ractive-load'; 
... 

Но, похоже, что теля Тяговая нагрузки также импортирует другие модули в своем коде, в результате чего эту ошибку:

Error parsing /home/.../node_modules/rcu/src/make.js: 'import' and 'export' may only appear at the top level (2:0) in /home/.../node_modules/rcu/src/make.js

Как правильно использовать Rollup и которые являются правильными источниками для этого случая (НПМ или GitHub)?

---

Вот мой rollup.config.js:

import commonjs from 'rollup-plugin-commonjs'; 
import nodeResolve from 'rollup-plugin-node-resolve'; 

export default { 
    entry: 'src/main.js', 
    plugins: [ 

    nodeResolve({ 
     jsnext: true, 
     main: true, 
     browser: true, 
    }), 

    commonjs({ 
     sourceMap: false 
    }), 

    // uglify() 

    ], 
    format: 'iife', 
    moduleName: 'Altiva', 
    dest: 'altiva.js' 
}; 

Answer 1

ractive-load предназначен для «чтения» link тегов в браузере, а затем сделать AJAX запросы для файла компонента, то он использует библиотеку rcu для преобразования компонентные файлы в используемые javascript-компоненты.

Что вам нужно - это утилита (которая использует rcu или выполняет аналогичную работу), чтобы превратить ваши файлы компонентов в файлы javascript, которые вы можете запускать во время процесса сборки, а затем передать их на rollup. К счастью, похоже, есть Накопительный плагин rollup-plugin-ractive разработан, чтобы сделать только что:

rollup({ 
    entry: 'src/main.js', 
    plugins: [ 
    ractive({ 
     // By default, all .html files are compiled 
     extensions: [ '.html', '.ract' ], 

     // You can restrict which files are compiled 
     // using `include` and `exclude` 
     include: 'src/components/**.html' 
    }) 
    ] 
}).then(...) 

Там также список некоторых из доступных погрузчиков here, среди них есть «простые ванильные JS» варианта, а также.