如何分辨的WebPack沒有再壓縮和包裝

Question

我使用這個地址VUE-CLI的WebPack樣板js文件：

vuejs-templates/webpack

我想的WebPack不來縮小和開發模式包js文件。 如何實現？ 問題是我們有一個巨大的測試過的asp.net webforms應用程序，它已經包含jquery和bootstrap，無法繞過。 和我有衝突的jquery和bootstrap.js與vue。我無法在開發模式下調試它們。

Answer 1

你指的是VUE-CLI的WebPack樣板：https://github.com/vuejs-templates/webpack

如果是這樣的生產版本（NPM運行版本）的微細化以及被醜化錯位。要更改其行爲，請轉至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中單獨鏈接到這兩個libaries。

編輯

爲了解決你有ESLint想要一個$值，或任何其他全球性要包括你的應用程序之外的任何問題，只需編輯您的.eslint.js配置文件中添加一些全局params中，在第一http://eslint.org/docs/user-guide/configuring