В эти дни я жонглировал babel, чтобы перенести код в соответствии с целевыми браузерами.Существует требование заменить строки в коде.Чтобы достичь вышеописанного сценария, я обнаружил некоторые плагины по npm (например: babel-plugin-string-literal-replace и т. Д.). Вот код, который мне нужен для замены строки
import ky from "./utils/ky.js";
import debounce from "../../node_modules/lodash.debounce/index.js";
import Navigate from "../../node_modules/navigo/lib/navigo.es.js";
export default async function() {
//code goes here
}
, моя цель -чтобы получить приведенный ниже код после транспиляции
import ky from "./utils/ky.js";
import debounce from "lodash.debounce/index.js";
import Navigate from "navigo/lib/navigo.es.js";
export default async function() {
//code goes here
}
, вот раздел плагинов из конфигурации .babelrc, который я использую для этой транспиляции
"plugins": [["transform-string-literal-replace", {"patterns": {"../../node_modules/": ""}}]]
, вы можете спросить меня, почему ../../node_modules/ partв импорте, потому что разрешение модуля будет происходить автоматически средой.Это потому, что я использую их в качестве модулей для внедрения на страницу для этапа разработки, а также для переноса и комплектации на этапе производства.
Мой вопрос: после переноса строки не заменяются.Есть ли у них какие-либо дополнительные конфигурации, которые мне нужно сделать, чтобы это произошло?Или их альтернативы.Я открыт для идей.