[BUG] Fix create-flex-plugin --typescript sourcemaps about flex-plugin-builder HOT 5 CLOSED

Hi @ahcai, @ktalebian, @theryankennedy any updates on this issue? as its really useful to debug typescript files.

from flex-plugin-builder.

@egorbunovs @chase2981 try changing your craco.config.js to the following:

const config = require('craco-config-flex-plugin');

module.exports = {
  ...config,
  plugins: [
    {
      plugin: {
        overrideWebpackConfig: ({ webpackConfig, context }) => {
            if (context.env === 'development') {
              webpackConfig.devtool = 'cheap-module-source-map';
              webpackConfig.plugins = webpackConfig.plugins
                .filter(plugin => plugin.constructor.name !== 'SourceMapDevToolPlugin');  
            }

            return webpackConfig;
        }
      }
    }
  ]
};

Does that work for you?

from flex-plugin-builder.

I am also experiencing this behavior when trying to debug javascript files. I am able to set breakpoints in Chrome on the transpiled code and VSCode recognizes this. But the expected behavior would be for the breakpoints to be hit directly in VSCode

from flex-plugin-builder.

@ktalebian That works fine for me. Thanks 👍. Are there any caveats with this solution?

from flex-plugin-builder.

@melviniwuajokuzuto there shouldn't be - we are changing how the dev-server sourcemap is generated only. We should in fact pull this into our master branch so you don't need to do it in the first place.

from flex-plugin-builder.