~cytrogen/masto-fe

ref: dc35e2d7569a293bbda92ee3ecba8d2d4e6a7b64 masto-fe/config/webpack/configuration.js -rw-r--r-- 2.0 KiB
dc35e2d7 — Cytrogen Rename .scss → .css and remove sass dependency (Phase 9-10) 14 days ago
                                                                                
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
// Common configuration for webpacker loaded from config/webpacker.yml

const { lstatSync, readFileSync } = require("fs");
const { basename, dirname, extname, join, resolve } = require("path");
const { env } = require("process");

const glob = require("glob");
const { load } = require("js-yaml");

const configPath = resolve("config", "webpacker.yml");
const settings = load(readFileSync(configPath), "utf8")[env.RAILS_ENV || env.NODE_ENV];
const flavourFiles = glob.sync("app/javascript/flavours/*/theme.yml");
const skinFiles = glob.sync("app/javascript/skins/*/*");
const flavours = {};

const core = function () {
  const coreFile = resolve("app", "javascript", "core", "theme.yml");
  const data = load(readFileSync(coreFile), "utf8");
  if (!data.pack_directory) {
    data.pack_directory = dirname(coreFile);
  }
  return data.pack ? data : {};
}();

flavourFiles.forEach((flavourFile) => {
  const data = load(readFileSync(flavourFile), "utf8");
  data.name = basename(dirname(flavourFile));
  data.skin = {};
  if (!data.pack_directory) {
    data.pack_directory = dirname(flavourFile);
  }
  if (data.locales) {
    data.locales = join(dirname(flavourFile), data.locales);
  }
  if (data.pack && typeof data.pack === "object") {
    flavours[data.name] = data;
  }
});

skinFiles.forEach((skinFile) => {
  let skin = basename(skinFile);
  const name = basename(dirname(skinFile));
  if (!flavours[name]) {
    return;
  }
  const data = flavours[name].skin;
  if (lstatSync(skinFile).isDirectory()) {
    data[skin] = {};
    const skinPacks = glob.sync(join(skinFile, "*.{css,scss}"));
    skinPacks.forEach((pack) => {
      data[skin][basename(pack, extname(pack))] = pack;
    });
  } else if ((skin = skin.match(/^(.*)\.s?css$/i))) {
    data[skin[1]] = { common: skinFile };
  }
});

const output = {
  path: resolve("public", settings.public_output_path),
  publicPath: `/${settings.public_output_path}/`,
};

module.exports = {
  settings,
  core,
  flavours,
  env: {
    NODE_ENV: env.NODE_ENV,
    PUBLIC_OUTPUT_PATH: settings.public_output_path,
  },
  output,
};