Javascript 网页包错误-UglifyJs中bundle.js中的错误意外标记：名称（urlParts）

我开始学习网页包。我创建了一个简单的配置文件：

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

module.exports = {
  context: __dirname,
  entry: './src/index.js',
  output: {
  filename: 'bundle.js',
  publicPath: '/',
  path: path.resolve(__dirname, 'dist')
},
devtool: 'inline-source-map',
devServer: {
  contentBase: path.join(__dirname, 'dist'),
  hot: true
},
plugins: [new webpack.HotModuleReplacementPlugin()],
module: {
  rules: [
    {
      test: /\.js$/,
      exclude: /node_modules/,
      include: path.join(__dirname, 'src'),
      use: ['babel-loader']
    },
    {
      test: /\.css$/,
      use: ['style-loader', 'css-loader']
    },
    {
      test: /\.(png|svg|jpg|gif)$/,
      use: ['file-loader']
    },
    {
      test: /\.(woff|woff2|eot|ttf|otf)$/,
      use: ['file-loader']
    }
   ] 
 }
};

然后我用一个简单的console.log（'hello'）创建了src/index.js

在package.json中，我放了以下内容： “开始”：“webpack dev server--config webpack.config.local.js-p”

当我在终端中运行“npm start”时，我得到一个奇怪的错误：

UglifyJs中的bundle.js出错 意外标记：name（urlParts）[（webpack）-dev server/client？http:/localhost:8080:24,0][bundle.js:4026,4]

bundle.js看起来很奇怪，因为我还没有编写所有这些代码。我在谷歌上搜索了一下，但找不到解决方案，你知道我做错了什么吗？谢谢

编辑：我在.babelrc中添加了此项，但仍然存在相同的错误：

{"presets": ["react", "stage-2", "es2015"]}

---

从npm脚本中删除-p，这就是缩小代码的原因。 似乎您正在使用webpack dev server和config.local文件，因此我假设这只是用于本地开发，在本例中，不需要webpack中的-p

关于bundle.js的大小，我看到您排除了node_modules文件夹，所以对我来说似乎没问题。尝试在package.json中添加新脚本，如下所示：

"build": ""webpack --config webpack.config.local.js" 

并查看将要创建的文件，以便更好地了解正在发生的事情。

---

希望这有帮助，干杯

您使用的是

UglifyJS

？您正在运行哪个版本的网页包？“网页包”：“^3.6.0”，“网页包开发服务器”：“^2.8.2”，我没有使用uglify。这个错误快把我逼疯了，我找不到解决办法。它说我在捆绑包中有4000行代码，而在我的索引中我只放了一个console.log

“start”：“webpack dev server--config webpack.config.local.js-p”

您是否尝试过将该行更改为：

“start”：“webpack dev server--config webpack.config.local.js”

？网页是为生产而构建的，这就是

-p

标志的含义。从webpackv2+UglifyJS是内置的。是的，它修复了这个问题，没有-p它不会缩小代码，谢谢