Invalid characters from CRA js file about spsave HOT 6 CLOSED

Hi Ryan,
here is the solution for you (works for me with the latest CRA):

1. Scaffold a project with the latest CRA
2. Install npm install @rescripts/cli --save-dev
3. In the root directory of your project create a file .rescriptsrc.js and put below code inside:

module.exports = config => {
    config.optimization.splitChunks.automaticNameDelimiter = '_';
    if (config.optimization.runtimeChunk) {
        config.optimization.runtimeChunk = {
            name: entrypoint => `runtime_${entrypoint.name}`
        };
    }
    return config;
};

4. In package.json in sripts section add a new entry "build-re": "rescripts build"
5. Now when running npm run build-re it will generate _ instead of ~ in file names.

More on rescripts here.

from spsave.

I tested in SPO and 2016. While it's banned in 2013, the only way is reconfiguring your CRA build or/and deploy pipeline to do not generate ~ in filenames.

from spsave.

Hi @rylew2,

Looks like something wrong with your initiation object. ~ should not be banned in SharePoint.

from spsave.

If I try to drag and drop the same file to a custom folder in SharePoint Designer it fails with the same invalid character message. This is SP2013 and spsave ^3.1.5

from spsave.

Ok thanks - I'll ask on SO: https://stackoverflow.com/questions/56203855/create-react-app-build-files-tilde-character

Hopefully there's a way to change config. Worst case I will revert to a previous version of CRA which doesn't use tilde. It only broke when I upgraded CRA.

from spsave.

Works like a charm - thank you @s-KaiNet !

from spsave.