webpack如何打包生成的map文件不生效?


你是否在vue配置文件中,配置了sourceMap為true,打包卻不生效?

 先不要慌~

打開你的package.json查看你的webpack的版本

 一.webpack版本為3.X

  1.先安裝uglifyjs 壓縮js代碼

cnpm install uglifyjs-webpack-plugin -D
`  安裝完畢,在webpack.prod.conf.js里引用
  
//引用
const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
……
    const webpackConfig = merge(baseWebpackConfig, {
   
    plugins: [
     …… 
     //使用,配置
     new UglifyJsPlugin({
          sourceMap: true,
       compress:{
        warnings:false//移除警告      
      }
        }),
     ……
    ]
  }
 
         

  


 

二、webpack版本為4.X以上

  webpack4版本后,UglifyJsPlugin不在壓縮,已被替換,

 

 

 

 

只需要設置devtool即可 官方也有介紹  https://v4.webpack.docschina.org/configuration/devtool/

 

 

 如果想生產環境要和開發環境打印數據一致使用source-map

devtool:source-map

 

eval: 生成代碼 每個模塊都被eval執行,並且存在@sourceURL

cheap-eval-source-map: 轉換代碼(行內) 每個模塊被eval執行,並且sourcemap作為eval的一個dataurl

cheap-module-eval-source-map: 原始代碼(只有行內) 同樣道理,但是更高的質量和更低的性能

eval-source-map: 原始代碼 同樣道理,但是最高的質量和最低的性能

cheap-source-map: 轉換代碼(行內) 生成的sourcemap沒有列映射,從loaders生成的sourcemap沒有被使用

cheap-module-source-map: 原始代碼(只有行內) 與上面一樣除了每行特點的從loader中進行映射

source-map: 原始代碼 最好的sourcemap質量有完整的結果,但是會很慢

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM