Configure project to use ES6 modules to enable top-level await capabilities. This change helps project to align well with modern JS standards. - Set `type` to `module` in `package.json`. - Use import/export syntax in Cypress configuration files. - Rename configurations files that do not support modules to use the `.cjs` extension: - `vue.config.js` to `vue.config.cjs` (vuejs/vue-cli#4477). - `babel.config.js` to `babel.config.cjs (babel/babel-loader#894) - `.eslintrc.js` to `.eslintrc.cjs` (eslint/eslint#13440, eslint/eslint#14137) - `postcss.config.js` to `postcss.config.cjs` (postcss/postcss#1771) - Provide a workaround for Vue CLI & Mocha ES6 modules conflict in Vue configuration file (vuejs/vue-cli#7417).
111 lines
3.9 KiB
JavaScript
111 lines
3.9 KiB
JavaScript
const { resolve } = require('path');
|
|
const { defineConfig } = require('@vue/cli-service');
|
|
const packageJson = require('./package.json');
|
|
const tsconfigJson = require('./tsconfig.json');
|
|
|
|
loadVueAppRuntimeVariables();
|
|
fixMochaBuildWithModules();
|
|
|
|
module.exports = defineConfig({
|
|
transpileDependencies: true,
|
|
chainWebpack: (config) => {
|
|
changeAppEntryPoint('./src/presentation/main.ts', config);
|
|
addWebpackRule('yaml', /\.ya?ml$/, 'js-yaml-loader', config);
|
|
},
|
|
configureWebpack: {
|
|
resolve: {
|
|
alias: {
|
|
...getAliasesFromTsConfig(),
|
|
},
|
|
fallback: {
|
|
/* Tell webpack to ignore polyfilling them because Node core modules are never used
|
|
for browser code but only for desktop where Electron supports them. */
|
|
...ignorePolyfills('os', 'child_process', 'fs', 'path'),
|
|
},
|
|
},
|
|
// Fix compilation failing on macOS when running unit/integration tests
|
|
externals: ['fsevents'],
|
|
// Use something other than default source mapper or babel cannot
|
|
// log stacks like `console.log(new Error().stack)`
|
|
devtool: 'eval-source-map',
|
|
},
|
|
pluginOptions: {
|
|
// https://nklayman.github.io/vue-cli-plugin-electron-builder/guide/guide.html#native-modules
|
|
electronBuilder: {
|
|
mainProcessFile: './src/presentation/electron/main.ts', // https://nklayman.github.io/vue-cli-plugin-electron-builder/guide/configuration.html#webpack-configuration
|
|
nodeIntegration: true, // required to reach Node.js APIs for environment specific logic
|
|
// https://www.electron.build/configuration/configuration
|
|
builderOptions: {
|
|
publish: [{
|
|
// https://www.electron.build/configuration/publish#githuboptions
|
|
// https://nklayman.github.io/vue-cli-plugin-electron-builder/guide/recipes.html#enable-publishing-to-github
|
|
provider: 'github',
|
|
vPrefixedTagName: false, // default: true
|
|
releaseType: 'release', // or "draft" (default), "prerelease"
|
|
}],
|
|
mac: { // https://www.electron.build/configuration/mac
|
|
target: 'dmg',
|
|
},
|
|
win: { // https://www.electron.build/configuration/win
|
|
target: 'nsis',
|
|
},
|
|
linux: { // https://www.electron.build/configuration/linux
|
|
target: 'AppImage',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
});
|
|
|
|
function addWebpackRule(name, test, loader, config) {
|
|
config.module
|
|
.rule(name)
|
|
.test(test)
|
|
.use(loader)
|
|
.loader(loader)
|
|
.end();
|
|
}
|
|
|
|
function changeAppEntryPoint(entryPath, config) {
|
|
config.entry('app').clear().add(entryPath).end();
|
|
}
|
|
|
|
function loadVueAppRuntimeVariables() {
|
|
process.env.VUE_APP_VERSION = packageJson.version;
|
|
process.env.VUE_APP_NAME = packageJson.name;
|
|
process.env.VUE_APP_REPOSITORY_URL = packageJson.repository.url;
|
|
process.env.VUE_APP_HOMEPAGE_URL = packageJson.homepage;
|
|
process.env.VUE_APP_SLOGAN = packageJson.slogan;
|
|
}
|
|
|
|
function ignorePolyfills(...moduleNames) {
|
|
return moduleNames.reduce((obj, module) => {
|
|
obj[module] = false;
|
|
return obj;
|
|
}, {});
|
|
}
|
|
|
|
function getAliasesFromTsConfig() {
|
|
const { paths } = tsconfigJson.compilerOptions;
|
|
return Object.keys(paths).reduce((aliases, pathName) => {
|
|
const pathFolder = paths[pathName][0];
|
|
const aliasFolder = pathFolder.substring(0, pathFolder.length - 1); // trim * from end
|
|
const aliasName = pathName.substring(0, pathName.length - 2); // trim /* from end
|
|
const aliasPath = resolve(__dirname, aliasFolder);
|
|
aliases[aliasName] = aliasPath;
|
|
return aliases;
|
|
}, {});
|
|
}
|
|
|
|
function fixMochaBuildWithModules() {
|
|
/*
|
|
Workaround for Vue CLI issue during tests breaks projects that rely on ES6 modules and mocha.
|
|
Setting VUE_CLI_TEST to true prevents the Vue CLI from altering the module transpilation.
|
|
This fix ensures `npm run build -- --mode test` works successfully.
|
|
See: https://github.com/vuejs/vue-cli/issues/7417
|
|
*/
|
|
if (process.env.NODE_ENV === 'test') {
|
|
process.env.VUE_CLI_TEST = true;
|
|
}
|
|
}
|