如何告诫webpack不要压缩打包js文件？

Question

我在这个地址使用了vue-cli的webpack样板文件：

vuejs-templates/webpack

我希望webpack不要在dev模式下压缩和打包js文件。如何实现这一目标？问题是我们有一个巨大的经过测试的asp.net webforms应用程序，它已经包含了jquery和bootstrap，以一种无法绕过的方式。我有冲突的jquery和bootstrap.js与vue。我不能在dev模式下调试它们。

Answer 1

您指的是vue-cli webpack boilerplate：https://github.com/vuejs-templates/webpack

如果是这样的话，产品构建(npm run build)就会被uglify缩小和破坏。要更改其行为，请转到build/webpack.prod.conf.js并编辑uglify production选项。您可以根据需要将其全部删除，即无压缩、无损坏，或按如下方式设置这些选项：

new webpack.optimize.UglifyJsPlugin({
  compress: false,
  mangle: false,
})

有关更多信息，请查看webpack的文档：https://webpack.github.io/docs/list-of-plugins.html#uglifyjsplugin

如果您在打包供应商文件时也遇到问题，则此配置位于同一文件中。查找：

new webpack.optimize.CommonsChunkPlugin({
  name: 'vendor',
  ...
})

然而，如果你不需要在应用程序中包含JQuery或Bootstrap.js，那么你能不能避免将它们导入其中呢？然后，只需在html中分别链接到这两个库。

编辑

要解决ESLint需要$值的任何问题，或者要包含在应用程序之外的任何其他全局变量，只需编辑您的.eslint.js配置文件，添加一些全局参数，或者在JQuery的情况下，您可以添加JQuery环境变量：

env: {
    'jquery': true
}

# or to set global vars that would be available on your apps window, i.e. window.foo
globals: {
  'foo': true
},

查看eslint以了解更多信息：http://eslint.org/docs/user-guide/configuring