Javascript 未找到输入模块：Can'；t解析'/assets/app.js'；

我正在尝试使用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'

这是我第一次使用网页包

这是我的剧本

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',
  },
};

我的文件夹结构

我想我在这里得到了错误

context:path.resolve（uu dirname，'./src'），

我已经读过这个

https://webpack.github.io/docs/tutorials/getting-started

并且已经尝试使用谷歌搜索如何使用webpack。有什么解决办法吗

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

该选项定义用于解析webpack配置中的任何内容的基本目录。您正在使用

/src/

作为基本目录，因此

/assets/app.js

在

src

目录中解析（从技术上讲，它应该是

/src/assets/app.js

）

如果未提供

上下文

，则webpack将使用当前目录，这是您想要的。您可以完全从配置中删除

context

。您可能还希望将捆绑包输出到诸如

/dist

之类的目录中，而不是输出到

/node\u模块中。您的配置如下所示

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文档，但您应该使用更新的文档，它们明显更好：