24

外部ファイルを webpack (コンテキスト外) に含めて、そのファイルをビルドされた出力 bundle.js に含めることはできますか?

「サブアプリ」が webpack のコンテキストであるこの設定を検討してください。

  • /sub-app/entry.js
  • /bower-components/zepto/zepto.js

ブロッコリーを使用した webpack 構成:

var webpackify = require('broccoli-webpack');
var path = require('path');
var webpack = require("webpack");

var bundler = webpackify(path.resolve('sub-app'), {
    entry: './entry',
    output: {filename: './bundle.js'},
    devtool: 'eval',

    module: {
      loaders: [
        {test: /\.js$/, loader: 'babel-loader'},
        {test: /\.hbs$/, loader: "handlebars-loader"}
      ]
    },
    plugins: [
      new webpack.optimize.DedupePlugin(),
      new webpack.optimize.UglifyJsPlugin()
    ]
});

出力 bundle.js に zepto.js を含めたいと思います。しかし、サブアプリの外で bower_components を保持する必要があります。

4

1 に答える 1

29

わかりました自分で答えを見つけました。特別な調整は必要ありません。相対パスを持つコードに外部ファイルのみを含める:

私の場合：

import zepto from './../bower_components/zepto/zepto.js';
于 2015-03-10T14:16:11.663 に答える