'@babel/preset-env',
{
modules:’commonjs’,
useBuiltIns: 'entry',
corejs: 3
}
],
'@babel/react',
'@babel/typescript'
Browserlist :
"browserslist": {
"production": [
"ie 11"
],
"development": [
"last 1 chrome version",
"last 1 firefox version"
]
}
Main.tsx
import 'core-js';
import 'regenerator-runtime/runtime';
Если у меня core-js 3 и useBuiltIns: ‘entry’ мне же не надо импортировать regenerator-runtime/runtime?
Я сегодня читаю доку и параллельно меняю бабель конфиг( есть большие изменения в сторону уменьшения бандла) Использую: webpack 5, babel 7.13.16 babel/preset-env 7.13.12 options: { cacheCompression: false, cacheDirectory: true, presets: [ '@babel/preset-env', { modules: false, useBuiltIns: 'usage', corejs: 3, debug: false } ], '@babel/react', '@babel/typescript', plugins: [ '@babel/plugin-transform-runtime', [ 'babel-plugin-styled-components', { ssr: false, pure: true, displayName: isDev, fileName: isDev } ] ], ignore: [ /(?:@?babel(?:\/|\{1,2}|-).+)|core-js/ ], sourceType: 'unambiguous' } ] "browserslist": { "production": [ "ie 11" ], "development": [ "last 1 chrome version", "last 1 firefox version" ] }, Сейчас бабель пробегается по всему node_modules за исключением babel plugins, core-js. Target в ie11 es5 Подскажите, пожалуйста, по этим вопросам: 1) Есть ли тут смысл в sourceType: 'unambiguous' ? Я почитал что он полезен если мне неизвестно у либы commonjs или es modules 2) Конфиг нормальный? Все что там написано я более менее понял по доке, читал апи
если ты хочешь бандлить с меньшим весом, то это надо брать роллап
К сожалению уже поздно, у меня npm либа с конфигами
нпм либа с конфигами? что?
Пародия на react-scripts
почему бы просто не взять реакт скрипт?
Сначала хотелось получить опыт в создании похожей штуки как react-scripts, потом лучше понять вебпак. Сейчас просто стало удобнее, я в либе храню webpack конфиги , babel конфиги. Если выйдет новая мажорная версия или плагин я без проблем поставлю.
@Akiyamka Здравствуйте, прошу прощения, не могли бы посмотреть?
Обсуждают сегодня