Question

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

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

Answer 1

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

如果是这样，生产构建（npm run build）被uglify缩小并损坏。要更改其行为，请转到build/webpack.prod.conf.js并编辑uglify生产选项。您可以根据需要将它们全部删除，即不进行压缩，不进行修改或设置以下选项：

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变量：

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

如何告诉webpack不要缩小和打包js文件

1 个答案: