webpack官方文档对eval的描述:
eval - 每个模块都使用 eval() 执行,并且都有 //# sourceURL。此选项会非常快地构建。主要缺点是,由于会映射到转换后的代码,而不是映射到原始代码(没有从 loader 中获取 source map),所以不能正确的显示行数。
但是在实际的操作过程中
// webpack.config.js
const path = require('path');
module.exports = {
mode: 'none',
entry: './src/index.js',
output: {
path: path.resolve(__dirname , 'output'),
filename: 'main.js',
},
devtool:'eval'
}
// ./src/index.js
const test= (content) => {
document.querySelector('#app').innerHTML = content;
console.log111('ffff');
}
test('something')
为什么能映射到具体的行列信息呢