有誰知道如何在webpack.config.js文件中創建多個輸出路徑？我正在使用bootstrap-sass，它帶有一些不同的字體文件，等等。為了使webpack能夠處理這些，我包括了可以正常工作的文件加載器，但是將其輸出的文件保存到了我指定的輸出路徑中我其余的文件： output: { path: __dirname + "/js", filename: "scripts.min.js" }我想實現某種目標，在這里我可以查看擴展名的類型，無論Webpack正在輸出的內容還是以.woff .eot等結尾的內容，都可以將其轉移到其他輸出路徑。這可能嗎？我做了一些谷歌搜索，并在github上發現了這個* issue，其中提供了一些解決方案，請編輯：但似乎您需要了解能夠使用哈希方法指定輸出的入口點，例如：var entryPointsPathPrefix = './src/javascripts/pages';var WebpackConfig = { entry : { a: entryPointsPathPrefix + '/a.jsx', b: entryPointsPathPrefix + '/b.jsx', c: entryPointsPathPrefix + '/c.jsx', d: entryPointsPathPrefix + '/d.jsx' }, // send to distribution output: { path: './dist/js', filename: '[name].js' }}* https://github.com/webpack/webpack/issues/1189但是就我而言，就字體文件而言，輸入過程有點抽象，我所知道的只是輸出。對于我的其他文件進行轉換的情況，有一個已知的點，即我要求將這些文件由加載程序處理。如果有辦法找出發生此步驟的位置，那么我可以使用哈希方法自定義輸出路徑，但是我不知道這些文件在哪里。
3 回答
HUX布斯
TA貢獻1876條經驗 獲得超6個贊
我不確定我們是否存在相同的問題，因為從2016年6月開始，Webpack每種配置僅支持一個輸出。我想您已經在Github上看到了這個問題。
但是我使用multi-compiler分隔了輸出路徑。（即，分離的配置對象webpack.config.js）。
var config = {
// TODO: Add common Configuration
module: {},
};
var fooConfig = Object.assign({}, config, {
name: "a",
entry: "./a/app",
output: {
path: "./a",
filename: "bundle.js"
},
});
var barConfig = Object.assign({}, config,{
name: "b",
entry: "./b/app",
output: {
path: "./b",
filename: "bundle.js"
},
});
// Return Array of Configurations
module.exports = [
fooConfig, barConfig,
];
如果它們之間具有通用配置，則可以在ES6中使用擴展庫或在ES7中使用擴展運算符。Object.assign{...}
MMMHUHU
TA貢獻1834條經驗 獲得超8個贊
Webpack確實支持多個輸出路徑。
將輸出路徑設置為輸入鍵。并使用nameas作為輸出模板。
webpack配置：
entry: {
'module/a/index': 'module/a/index.js',
'module/b/index': 'module/b/index.js',
},
output: {
path: path.resolve(__dirname, 'dist'),
filename: '[name].js'
}
產生：
└── module
├── a
│ └── index.js
└── b
└── index.js
添加回答
舉報
0/150
提交
取消