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

Question

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

vuejs模板/的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缩小并损坏.要更改其行为,请转到vue-cli webpack boilerplate并编辑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想要一个build/webpack.prod.conf.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