W3Cschool
恭喜您成為首批注冊用戶
獲得88經(jīng)驗值獎勵
Webpack是前端打包工具。在其配置文件webpack.config.js中設(shè)置devtool即可生成Source Map文件:
const path = require('path');
module.exports = {
entry: './src/index.js',
output: {
filename: 'bundle.js',
path: path.resolve(__dirname, 'dist')
},
devtool: "source-map"
};
devtool有12種不同取值,分別生成不同類型的Source Map,可以根據(jù)需要進行配置。
其中,F(xiàn)undebug支持上傳的Source Map類型有source-map、nosources-source-map與hidden-source-map, cheap-source-map與cheap-module-source-map。它們的特點如下表:
devtool | names | sourcesCentent | sourceMappingURL |
---|---|---|---|
source-map | 有 | 有 | 有 |
hidden-source-map | 有 | 有 | 無 |
nosources-source-map | 有 | 無 | 有 |
cheap-source-map | 無 | 有 | 有 |
cheap-module-source-map | 無 | 有 | 有 |
我們推薦用戶選擇source-map類型,如果生成的Source Map文件過大時(超過10MB),則可以選擇nosources-source-map類型。
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網(wǎng)安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯(lián)系方式:
更多建議: