美文网首页web前端开发
vue.config.js配置sourcemap,dev-too

vue.config.js配置sourcemap,dev-too

作者: 正强Strong | 来源:发表于2020-07-23 10:41 被阅读0次

        目前用的vue-cli用的版本是4.3.1,vue的版本是2.6.11,默认vue.config.js配置的是不包含sourcemap。
    在本地跑npm run dev,由于没有map文件不会对应vue文件的代码,加了debugger;之后调试的代码也是编译之后的js文件。
        在vue.config.js增加下面的配置,在chrome浏览器里面就会对应上vue文件了:
    需要增加 productionSourceMap和configureWebpack.devtool,下面就是配置的例子,都是配置dev环境有这个map和devtool的配置

    module.exports = {
     //......上面一堆配置
      productionSourceMap: process.env.NODE_ENV === 'dev',
    //......
      configureWebpack: {
        devtool: process.env.NODE_ENV === 'dev' ? 'source-map' : undefined,
    // 下面也是一堆配置...
        name: name,
        resolve: {
          alias: {
            '@': resolve('src')
          }
        }
      },
    

    相关文章

      网友评论

        本文标题:vue.config.js配置sourcemap,dev-too

        本文链接:https://www.haomeiwen.com/subject/bxvikktx.html