WebPACKのフォルダ/ディレクトリ

Question

を作成していないことはここではここに私のwebpack.config.jsコード

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の出力です。問題は、手で書かれた絶対パスを使用すると、脆弱で、ここでエラーが

Answer 1

のフォルダとApp.jsはpath.resolveするパス名を編集する際に

tempディレクトリの下にファイルがスクリプトを作成していないですプロジェクトのディレクトリを移動する場合は、引き続き古い場所に出力されます。さらに、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/というディレクトリに出力されます。

Answer 2

コードのこの行で解決

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