如何将源目录结构保留在输出目录中?

时间:2018-02-10 23:28:01

标签: webpack

使用webpack.config.js这样的文件:

var path = require('path');

module.exports = {
    entry: {
        main: 'src/js/main.js', 
    },
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: '[name].js',
        publicPath: 'dist'
    }
}

将导致所有输出文件放在/dist中而没有任何目录结构。请注意,在我的输入文件中,我有结构src/js/main.js。有没有办法在输出中保留该结构,导致dist/js/main.js而不仅仅是dist/main.js

PS:我想要一个动态的解决方案,因为我将使用多个入口点。

1 个答案:

答案 0 :(得分:2)

您应该可以执行以下任一操作:

path: path.resolve(__dirname, 'dist/js'),

filename: 'js/[name].js',

此外,您不是必需来使用[name],您可以随意命名输出文件(因为您只有一个入口点)。