エントリモジュールは：「./assets/app.js'

Question

私はWebPACKのを使用しようとしているが、私はそれはWebPACKのを使用して初めてですエラー

$ node_modules/.bin/webpack 
Hash: d1aee5dc037997fae5a6 
Version: webpack 3.4.1 
Time: 31ms 

ERROR in Entry module not found: Error: Can't resolve './assets/app.js' in 'D:\template\src' 

を得るを解決できません。

は、ここで私は私がここ context: path.resolve(__dirname, './src'),私はちょうど私はその部分を置き換えるものと知っていないエラーが出ると思います

const path = require('path'); 
const webpack = require('webpack'); 
module.exports = { 
    context: path.resolve(__dirname, './src'), 
    entry: { 
    app: './assets/app.js', 
    }, 
    output: { 
    path: path.resolve(__dirname, './node_modules'), 
    filename: '[name].bundle.js', 
    }, 
}; 

マイフォルダ構造

私のスクリプトです。

私は既にこのhttps://webpack.github.io/docs/tutorials/getting-startedを読んでおり、すでにwebpackの使い方についてGoogleで検索してみます。どんな解決策？

"devDependencies": { 
    "buefy": "", 
    "bulma": "", 
    "vue": "^2.1.10", 
    "webpack": "^3.4.1" 
    }, 

Answer 1

contextオプションは、webpack configの内容を解決するために使用されるベースディレクトリを定義します。 ./src/をベースディレクトリとして使用しているため、./assets/app.jsはsrcディレクトリ内で解決されます（これは技術的には./src/assets/app.jsとなります）。

contextが指定されていない場合、webpackは現在のディレクトリを使用します。これは必要なものです。あなたの設定から完全にcontextを削除することができます。おそらく、./node_modulesではなく、./distのようなディレクトリにバンドルを出力することもできます。あなたの設定は次のようになります。

const path = require('path'); 
const webpack = require('webpack'); 

module.exports = { 
    entry: { 
    app: './assets/app.js', 
    }, 
    output: { 
    path: path.resolve(__dirname, './dist'), 
    filename: '[name].bundle.js', 
    }, 
}; 

あなたはWebPACKの1ドキュメントを見ていたが、あなたは非常に優れている新しいドキュメント、使用する必要があります：Webpack - Getting Startedを。