Userscript-Plus/webpackConfig/webpack.gf.config.js at master · Chandima-Rathanayaka/Userscript-Plus · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
const webpack = require("webpack"),
  path = require("path"),
  root = path.resolve(__dirname, ".."),
  { VueLoaderPlugin } = require('vue-loader'),
  babel = require("@babel/core"),
  fs = require("fs"),
  config = {
    mode: "production",
    devtool: "source-map",
    context: path.resolve(root, "src/userscript"),
    entry: {
      ui: { import: './main.js', filename: '[name].js' },
      gf: { import: './main.js', filename: 'ui.[name].js' },
    },
    resolve: {
      extensions: [".js", ".vue"],
    },
    module: {
      rules: [
        {
          test: /\.m?js$/,
          exclude: /node_modules/,
          loader: "babel-loader",
        },
        {
          test: /\.vue$/,
          loader: "vue-loader",
        },
        {
          test: /\.css$/,
          use: ["style-loader", "css-loader"],
        },
        {
          test: /\.(png|jpe?g|gif|svg|woff2?|eot|ttf|otf)(\?.*)?$/,
          loader: "url-loader",
        },
      ],
    },
    performance: {
      hints: false,
    },
    plugins: [
      new webpack.optimize.LimitChunkCountPlugin({
        maxChunks: 1,
      }),
      new VueLoaderPlugin(),
    ],
    watchOptions: {
      poll: 1000,
      aggregateTimeout: 500,
      ignored: /node_modules/,
    },
  };

  let tpl = fs.readFileSync("./webpackConfig/tpl.js").toString(),
  code = babel.transformFileSync("./webpackConfig/main.js").code,
  nano = (template, data) => {
    return template.replace(/\{([\w\.]*)\}/g, (str, key) => {
      let keys = key.split("."),
      v = data[keys.shift()];
      for (let i = 0, l = keys.length; i < l; i++) v = v[keys[i]];
      return typeof v === "undefined" ? "" : v;
  });
},
renderOut = (outFile, ljs) => {
  let ujs = nano(tpl, {
    ljs: ljs,
    code: code,
    time: +new Date(),
  });

  fs.writeFile(outFile, ujs, (err) => {
    if (err) {
      return console.log(err);
    }
    return console.log("build-out:" + outFile);
  });
},
time = +new Date(),
ljs_dev = `// @require     http://localhost:8080/userjs-base.js?_=${time}
// @resource     uiJs   http://localhost:8080/ui.js?_=${time}`,
ljs = `// @require      https://cdn.jsdelivr.net/gh/magicoflolis/Userscript-Plus@master/dist/userjs-base.js?_=${time}
// @resource     uiJs   https://cdn.jsdelivr.net/gh/magicoflolis/Userscript-Plus@master/dist/ui.js?_=${time}`,
ljs_GF = `// @require      https://greasyfork.org/scripts/428620/code/userjs-base.js?_=${time}
// @resource     uiJs   https://cdn.jsdelivr.net/gh/magicoflolis/Userscript-Plus@master/dist/ui.gf.js?_=${time}`;

module.exports = (env, argv) => {
  //(argv.mode === "production") ? ((config.mode = "production")) : false;
  (argv.mode !== "development") ? (config.mode = "production") : (config.mode = "development", ljs = ljs_dev);
  console.log(config.mode);
  renderOut("./dist/magic-userjs.user.js", ljs)
  //greasyfork version
  renderOut("./dist/magic-userjs.gf.user.js", ljs_GF)
  return config;
};