javascript - 找不到入口模块 : Can't resolve './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 .