将配置文件复制到webpack中的dist目录

问题描述：

我想从webpack的entry或output目录外复制文件。我有要求有一个属性文件是完全分开的捆绑。将配置文件复制到webpack中的dist目录

所以我有这样的结构：

/project 
    /config 
    properties.js 
    /dist 
    bundle.js 
    webpack-created-index.html 
    /src 
    index.html-with-custom-script-tag 
    ...source files and folder here

我想有我webpack.config复制源代码管理的config文件夹（不带其内容摆弄），所以我DIST的文件夹看起来像这样：

/dist 
    /config 
    properties.js 
    bundle.js 
    webpack-created-index.html

我希望能有我的那properties.js文件，像这样的WebPack创建的index.html负荷：

<script type="text/javascript" src="../config/properties.js"></script>

我的浏览器显示404，即使我更改<script>标记中的相对路径以返回dist并遍历文件系统，直到它到达src中的config文件夹。

我webpack.config.js进入/输出如下：

config.entry = { 
    app: './src/app.js' 
    }; 

    config.output = { 
    path: __dirname + '/dist', 
    publicPath: 'http://localhost:8080/', 
    filename: '[name].bundle.js' 
    };

是否有可能用的WebPack要做到这一点，或者我需要携带的东西一样一饮而尽或节点脚本来做到这一点？我的强烈的偏好将用webpack来完成此任务，而不必使用外部脚本或库将构建复杂化。

答

您可以使用节点模块cpy-cli。

npm install cpy-cli

复制src文件夹内的所有.html文件到DIST和保存路径结构

cpy '**/*.html' '../dist/' --cwd=src --parents

我有一个简单的脚本，照顾这对我

"copy-files": "cpy \"**/index.html\" favicon.ico \"../dist\" --cwd=src --parents"

要自动注入文件使用html-webpack-plugin

npm install html-webpack-plugin --save-dev

将配置文件复制到webpack中的dist目录

相关推荐