修改webpack打包后的js复制到项目中引用遇到的问题

815 阅读1分钟

项目中使用了mockjs,但是项目年久失修,很多bug。有个请求word文件然后一直报错。

JSZipUtils.getBinaryContent("复盘分析模版.docx", function(error, content) {
    ...
}

找到了问题所在,修改了node_modules/mockjs/dist/mock.js,然后复制到项目下,由于多个文件都引用了mockjs,直接修改vue.config.js

const path = require("path");
module.exports = {
  productionSourceMap: false,
    // 使用本地的mockjs
    config.resolve.alias
    .set('mockjs', path.resolve(__dirname, 'src/mock/mock.js'))
  }
}

这样项目里所有 import Mock from 'mockjs' 就是从本地加载了。但是mock加载出来问题,找到这个文章,修改babel.config.js

module.exports = {
  presets: [
    '@vue/app'
  ],
  ignore: [
    './src/mock/mock.js',
  ]
}