將配置文件複製到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來完成此任務，而不必使用外部腳本或庫將構建複雜化。

來源

2016-08-24 tengen

您可以使用節點模塊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目錄

回答

相關問題