Vue CLI 去除gojs水印

Vue CLI 去除gojs水印

前言

去除gojs水印的方法网上一搜一大堆，手段都一样，就是替换指定的字符串，但是这样会造成多人合作的时候出现问题，每个人都需要替换本机的文件。

通过自定义一个webpack loader可以自动替换指定字符串，达到去除水印的目的，同时解决多人合作的问题

方法

自定义loader

在项目根目录，创建一个目录gojs-hack-loader，在该目录下创建一个文件index.js，代码如下：

const pattern = /b\.V.*7eba17a4ca3b1a8346.*?\);/gm;

const hack = 'function(){return true;};';

module.exports = function (source) {
    const index = source.search(pattern);
    if (index < 0) {
        throw new Error('gojs hack failed');
    }

    return source.replace(pattern, hack);
};

修改vue.config.js

chainWebpack: config => {
        config.module
            .rule('gojs-hack')
            .test(/go.js/)
            .use('./gojs-hack-loader')
            .loader('./gojs-hack-loader')
            .end();
 },