的WebPack不能創建文件夾/目錄

這裏是我的webpack.config.js代碼的WebPack不能創建文件夾/目錄

module.exports = { 
    entry: "./app/assets/scripts/App.js", 
    output: { 
     path: "/C/Users/noob/Documents/jay/Sites/travel-site/app/temp/scripts", 
     filename: "App.js" 
    } 
}

這裏的的WebPack輸出。問題是，它不是創建腳本文件夾和App.js temp目錄

下文件編輯後的路徑名來這裏path.resolve年代錯誤

來源

2017-04-27 Hiei

嘗試'C：/用戶/ [...]'？ –

使用手寫絕對路徑是脆弱，因爲如果您決定移動項目的目錄，則仍會輸出到舊位置。另外，Windows上的路徑是完全不同的故事。您最好使用Node.js內置的path module，它爲您的操作系統創建正確的路徑。要創建絕對路徑，您可以使用path.resolve。

const path = require('path'); 

module.exports = { 
    entry: "./app/assets/scripts/App.js", 
    output: { 
     path: path.resolve(__dirname, "app/temp/scripts"), 
     filename: "App.js" 
    } 
}

__dirname是當前執行文件（您的webpack配置）的目錄。

使用此配置，無論項目位於何處，您都將始終輸出到目錄./app/temp/scripts/相對於您的項目。

來源

2017-04-27 13:14:51

謝謝您的輸入。我正在跟着一個教程，在這裏教師鍵入類似這樣的路徑：「app/temp/scripts」---它給了我一個像「____不是絕對路徑」的錯誤。所以我決定用這行代碼。謝謝。當我回家時，我會嘗試你的代碼。我希望它創建我想要它創建的文件夾和文件。 – Hiei

邁克爾，你提供的代碼給我一個錯誤。請參閱上面的更新圖片。謝謝！！ – Hiei

@你好，你忘了導入'path'，這是發佈代碼的第一行。 –

這一行代碼的解決

module.exports = { 
    entry: "./app/assets/scripts/App.js", 
    output: { 
     path: __dirname + "/app/temp/scripts", 
     filename: "App.js" 
    } 
}

來源

2017-05-02 21:25:30 Hiei

的WebPack不能創建文件夾/目錄

回答

相關問題