不能要求webpack上webpack.config

Question

我正试图用three.js启动一个webapp，我想用webpack把所有东西捆绑在一起，但是我似乎想不出在webpak.config上需要(“webpack”)，我必须这样做才能使用webpack.providePlugin

这是我的webpack.config.js

​

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

module.exports = {
  entry: {
    main: './main.js'
  },
  output: {
    path: __dirname + '/dist/',
    filename: '[name].bundle.js'
  },
  module: {
    loaders: [
      {
        test: /\.js$/,
        loader: 'babel-loader'
      }
    ]
  },
  plugins: [
    new webpack.ProvidePlugin({
      $: 'jquery',
      jQuery: 'jquery'
    })
  ]
}

​

下面是运行webpack webpack跑的错误时出现的错误

只有当我试图要求webpack时，错误才会出现。

Answer 1

我确信问题是您使用的是旧版本的Node.js。

以下是您的错误消息：

/home/eloy/Sites/proyectomi/node_modules/webpack/lib/Compiler.js:10
const {
      ^

SyntaxError: Unexpected token {

如果您使用的是Webpack 4.3或4.4 (最新版本)，那么所讨论的行lib/Compiler.js是这个破坏性作业的第一行：

const {
    Tapable,
    SyncHook,
    SyncBailHook,
    AsyncParallelHook,
    AsyncSeriesHook
} = require("tapable");

对node.green的快速访问告诉我们，Node.js直到6.4.0版本才支持对象析构。

webpack博士建议使用Node.js的当前LTS发行版：

先决条件 在开始之前，请确保安装了新版本的Node.js。当前的长期支持(LTS)版本是一个理想的起点。您可能会在旧版本中遇到各种问题，因为它们可能缺少功能webpack和/或其相关的软件包所需的功能。

截至今天(2018-03-30)，Node.js为8.11.1.

Answer 2

( 1) var path = __dirname；

这一行需要移除。

2) npm安装webpack --储蓄-dev

这将增加webpack对开发的依赖。