是否可以将外部文件包含在 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。
最佳答案
好的,我自己找到了答案。无需特殊调整。仅在具有相对路径的代码中包含外部文件:
就我而言:
import zepto from './../bower_components/zepto/zepto.js';
关于javascript - 如何使用 webpack 包含外部文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28964886/