どのように私はこのプロジェクトからバウアーを削除し、糸（noobの）とrequirejsを使用することができますか？

Question

はどうすれば亭の使用を避けるために、これを切り替えることができますか？

私は初めてyeomanをインストールしました。ノックアウトのジェネレータにはバワーを使用しました。今私はバウアーのサポートがV2でバウアーのサポートを廃止します限られており、ブートストラップ用popper.jsでお読みください。私は頭痛を避け、同時に学びたいと思います。

RequireJSとすべてのクライアント側ライブラリは/src/bower_modulesにあります。

npmや糸を使ってブートストラップをインストールすると、ブラウザにアクセスできない/node_modulesにインストールされます。 は、私はその後、私の/src/bower_modulesフォルダにdistのフォルダを転送するがぶ飲みを使用していますか？

フォルダ構造：

/src/ 
    |--bower_modules/ 
    |--app/ 
     |--require.config.js 
/node_modules/ 
/gulpfile.js 

gulpfile.js：

var requireJsRuntimeConfig = vm.runInNewContext(fs.readFileSync('src/app/require.config.js') + '; require;'), 
    requireJsOptimizerConfig = merge(requireJsRuntimeConfig, { 
     out: 'scripts.js', 
     baseUrl: './src', 
     name: 'app/startup', 
     paths: { 
      requireLib: 'bower_modules/requirejs/require' 
     }, 
     include: [ 
      'requireLib', 
      'components/nav-bar/nav-bar', 
      'components/home-page/home', 
      'text!components/about-page/about.html' 
     ], 
     insertRequire: ['app/startup'], 
     bundles: { 
      // If you want parts of the site to load on demand, remove them from the 'include' list 
      // above, and group them into bundles here. 
      // 'bundle-name': [ 'some/module', 'another/module' ], 
      // 'another-bundle-name': [ 'yet-another-module' ] 
     } 
    }), 
    transpilationConfig = { 
     root: 'src', 
     skip: ['bower_modules/**', 'app/require.config.js'], 
     babelConfig: { 
      modules: 'amd', 
      sourceMaps: 'inline' 
     } 
    }, 
    babelIgnoreRegexes = transpilationConfig.skip.map(function(item) { 
     return babelCore.util.regexify(item); 
    }); 

アプリ/ require.config.js：

var require = { 
    baseUrl: ".", 
    paths: { 
     "bootstrap":   "bower_modules/bootstrap/js/bootstrap.min", 
     "crossroads":   "bower_modules/crossroads/dist/crossroads.min", 
     "hasher":    "bower_modules/hasher/dist/js/hasher.min", 
     "popper":    "bower_modules/popper.js/dist/popper", 
     "jquery":    "bower_modules/jquery/dist/jquery", 
     "knockout":    "bower_modules/knockout/dist/knockout", 
     "knockout-projections": "bower_modules/knockout-projections/dist/knockout-projections", 
     "signals":    "bower_modules/js-signals/dist/signals.min", 
     "text":     "bower_modules/requirejs-text/text" 
    }, 
    shim: { 
     "bootstrap": { deps: ["popper", "jquery"] } 
    } 
}; 

追記：問題の起源はIということですブートストラップにpopperが必要で、bootstrasp.bundleはバウアーバージョンに含まれていないようです。また、ポッパーはバワーをあまり好んでおらず、非常に長くサポートされません。私もそれを含めることを試みている複数のエラーがあります。私はまた良い方法を学びたいと思いますし、井戸が長くないので、私はそれをまったく使っていません。

Answer 1

Bower自身が最近このブログを投稿しました：https://bower.io/blog/2017/how-to-migrate-away-from-bower/。あなたがそれらをインストールするbower-away NPMパッケージを使用することができバウアー経由でのみ利用可能な任意の項目について

1. 手動バウアーとNPMの両方から利用できますbower.jsonからpackage.jsonにすべてのパッケージを移動
2. ： ここでキー持ち帰りですNPMとの代わりに、バウアー
3. あなたdistディレクトリ

SOMETにパッケージ（S）（S）ファイルを移動するタスクランナースクリプトを（うなり声/ガルプは/ etc ...）書きますこのようなヒンジはそれを行う必要があります。

gulp.task('injectNpmPackages', function() { return gulp.src([ path.join('/node_modules/my-package/build/my-package.min.js') ]) .pipe(gulp.dest('/dist/vendor/')); });