0

ractiveとractive-loadをロールアッププロジェクトにインポートする正しい方法は何ですか? npmまたはgithub？

現在、npmを使用してそれぞれをインストールしています。

npm install --save-dev ractivejs/ractive

と

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

そして、私はそれらを正しくバンドルするためにrollup-plugin-commonjswith を使用しています（質問の最後にあるrollup.config.js）：rollup-plugin-node-resolve

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

しかし、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

ロールアップを正しく使用するにはどうすればよいですか? また、この場合の適切なソース (npm または 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'
};
4

1 に答える 1

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(...)

利用可能なローダーの一部のリストもここにあります。その中には、「プレーン バニラ js」バリアントもあります。

于 2016-04-12T23:35:18.973 に答える