找不到输入模块：无法解析'./assets/app.js'

Question

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

这是我第一次使用webpack。

这是我的脚本

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(__dirname, './src'),我只是不知道我取代那部分。

我已经阅读了这个https://webpack.github.io/docs/tutorials/getting-started，并且已经尝试使用google搜索如何使用webpack。任何解决方案？。

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

Answer 1

context选项定义用于解析webpack配置中任何内容的基本目录。您使用./src/作为基本目录，因此在./assets/app.js目录中解析src（技术上是./src/assets/app.js）。

如果没有提供context，webpack将使用您想要的当前目录。您可以完全从配置中删除context。您可能还希望将捆绑包输出到./dist等目录而不是./node_modules。您的配置如下。

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。