【问题标题】:Webpack doesn't generate bundle.jsWebpack 不生成 bundle.js
【发布时间】:2018-05-19 17:27:59
【问题描述】:

尽管没有显示错误,但我的 webpack 不会生成文件。请帮助:D 我对这一切都很陌生,所以请不要苛刻:D

webpack.config.js 中的代码

module.exports = {
    entry : ['./app/index.js'],
    output : {
        path : '/build',
        filename: 'bundle.js'
    }
}

使用 npm run build,没有返回错误。

package.json

{
  "name": "es6",
  "version": "1.0.0",
  "main": "index.js",
  "scripts": {
    "build": "webpack"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {},
  "devDependencies": {
    "webpack": "^3.10.0"
  },
  "description": ""
}

【问题讨论】:

  • 您阅读文档了吗? webpack.github.io/docs/usage.html
  • 我做过,但就像我说的那样,我是新手,并不像你们所有人一样真正理解它,这就是我发布问题的原因。我什至阅读了其他可能有答案的问题,但没有一个像我一样具有简单的配置。还是找不到答案。如果你知道,我会非常感激。谢谢
  • 你是如何运行 webpack 的?啊,它只是“webpack”。您需要传入配置,webpack --config webpack.config.js 编辑没关系它应该自动这样做

标签: javascript webpack


【解决方案1】:

创建一个新目录后,按原样复制您的代码,我得到以下信息:

Error: EACCES: permission denied, mkdir '/build'
    at Error (native)

它正在尝试访问根级别的/build 目录(至少对我来说不存在)。

稍微调整配置会导致:

const path = require('path')
module.exports = {
    entry : ['./app/index.js'],
    output : {
        // Get the path including the current directory node is running in
        path : path.resolve(__dirname, './build'),
        filename: 'bundle.js'
    }
}

这会产生一个成功的捆绑包。

没有错误?有输出吗?

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2018-10-10
    • 2017-12-21
    • 2019-01-08
    • 2018-11-19
    • 1970-01-01
    • 1970-01-01
    • 2017-09-18
    • 1970-01-01
    相关资源
    最近更新 更多