React ignore .prettierignore file [EDIT: nothing to do with prettier]

Question

I desperately try to keep some escape characters ( \\ ) in a js file in my React js project, because I need them. But someone is deleting them automatically, I guess it is prettier. Here is my config :

└── src
|   └── folder
|       └── fileToIgnore.js
├──.prettierrc
├──.prettierignore
├── package.json

In my package.json I have this :

{
  "lint-staged": {
    "*.{js,json,css,md}": [
      "prettier --write",
      "git add"
    ],
  },
  "dependencies": {
    "react": "^16.6.0",
    "react-dom": "^16.6.0",
    ...
  },
  "devDependencies": {
    "husky": "^0.14.3",
    "lint-staged": "^7.1.2",
    "prettier": "1.13.2",
    "source-map-explorer": "^1.6.0"
  },
  "scripts": {
    "precommit": "lint-staged",
    "start": ". ./scripts/build-vars.sh && react-scripts start",
   ...
  }
}

In my fileToIgnore.js I have that :

/* eslint-disable no-useless-escape */

export const setClickTag = `'use strict';function getParameterByName(a){var b=RegExp('[?&]'+a+'=([^&]*)').exec(window.location.search);return b&&decodeURIComponent(b[1].replace(/\+/g,' '))}var clickTag=getParameterByName('clickTag');`;

In my .prettierrc I have that

singleQuote: true
trailingComma: all
printWidth: 120

SOLUTION 1 I tried to create a .prettierignore file with that :

/src/folder/fileToIgnore.js    
**/src/folder/fileToIgnore.js
src/folder/fileToIgnore.js
src/folder/*.js

but it didn't work out

SOLUTION 2 I added // prettier-ignore before each variable I wanted to ignore, but it didn't work out

SOLUTION 3 I tried to modify the packager.json like this :

  "lint-staged": {
    "*.{js,json,css,md}": [
      "prettier --write",
      "git add"
    ],
    "ignore":["**/src/folder/fileToIgnore.js"]
  },

but it wasn't the solution either.

I really am stuck there, I am thinking maybe React is overwriting some parameters ? Or not ? I am lost ! Thanks for your help !!

Answer 1

This has nothing to do with prettier, now you have provided an example it's easy to see you are not escaping your strings.

You can't do just \\ in JS, to do a backslash in JS inside a string you need to use \\\\ .

Now with that in mind, inside your string you have -> replace(/\\+/g,' ') , this needs to be replace(/\\\\+/g,' ') due to string escaping.