Problems with craco 7 and CRA5 #2
Description
CRA5 has been released and craco 7 is in alpha stage. This is my hodgepodge workaround to get it working:
// TODO: this is copied from craco-purescript-loader, eventually fixes here should be integrated upstream.
const path = require("path");
const util = require("util")
const { addBeforeLoader, loaderByName, getLoader, throwUnexpectedConfigError } = require("@craco/craco");
// Detect watch
// <https://github.com/purescript/spago#get-started-from-scratch-with-webpack-frontend-projects>
const isWatch = process.argv.some((a) => a === "--watch");
const isWebpackDevServer = process.argv.some(
(a) => path.basename(a) === "webpack-dev-server"
);
const throwError = (message, githubIssueQuery) =>
throwUnexpectedConfigError({
packageName: "craco-purescript-loader",
githubRepo: "andys8/craco-purescript-loader",
message,
githubIssueQuery,
});
module.exports = {
overrideWebpackConfig: ({ webpackConfig, pluginOptions }) => {
// Resolve purescript extension
if (
!webpackConfig ||
!webpackConfig.resolve ||
!webpackConfig.resolve.extensions ||
typeof webpackConfig.resolve.extensions !== "object"
) {
throwError("No valid webpackConfig.resolve.extensions");
}
webpackConfig.resolve.extensions.push(".purs");
// Allow imports outside of `src` folder for purescript dependencies
if (
!webpackConfig ||
!webpackConfig.resolve ||
!webpackConfig.resolve.plugins ||
typeof webpackConfig.resolve.plugins !== "object"
) {
throwError("No valid webpackConfig.resolve.plugins");
}
webpackConfig.resolve.plugins = webpackConfig.resolve.plugins.filter(
({ constructor }) =>
!constructor || constructor.name !== "ModuleScopePlugin"
);
// PureScript loader
const defaultOptions = {
spago: true,
watch: isWebpackDevServer || isWatch,
};
// Append purs-loader before file-loader
// const pursLoader = {
// loader: "purs-loader",
// test: /\.purs$/,
// exclude: /node_modules/,
// options: Object.assign({}, defaultOptions, pluginOptions),
// };
// const fileLoader = loaderByName("file-loader");
// const { isFound, match } = getLoader(webpackConfig, fileLoader);
// if (!isFound) {
// throwError("Didn't find expected 'file-loader'");
// }
// addBeforeLoader(webpackConfig, fileLoader, pursLoader);
// console.error(util.inspect(webpackConfig.module.rules[1], false, null, true))
// temporary workaround
webpackConfig.module.rules[1].oneOf.splice(0, 0, {
test: /\.purs$/,
exclude: /node_modules/,
use: [
{
loader: "purs-loader",
options: Object.assign({}, defaultOptions, pluginOptions),
},
],
});
return webpackConfig;
},
};