Size: a a a

Webpack — русскоговорящее сообщество

2020 July 11

IG

Ilshat Gayanov in Webpack — русскоговорящее сообщество
Kenan Ayvazov
Просто мб стоит дописать расширение файла
стоит
источник

KS

Konstantin Sedykh in Webpack — русскоговорящее сообщество
Ilshat Gayanov
products.vue, где я писал import
src/components/Modal и есть файл импорта
а зачем тогда на один уровень вверх лезть (../), если компонент в той-же директории?
источник

y

ymdev in Webpack — русскоговорящее сообщество
Ilshat Gayanov
всем хай, делаю импорт, а выдает ошибку:
Module not found: Error: Can't resolve '../components/Modal' in '

хотя IDE показывает что файл существует
укажи расширения в конфиге webpack
    resolve: {
       extensions: [
           '.styl',
           '.tsx',
           '.ts',
           '.jsx',
           '.js'
       ],
   },
источник

y

ymdev in Webpack — русскоговорящее сообщество
Тебе, вероятно, нужно .vue туда
источник

y

ymdev in Webpack — русскоговорящее сообщество
Это позволяет не писать расширение при импорте. Вебпак пытается сам его подставить
источник

KS

Konstantin Sedykh in Webpack — русскоговорящее сообщество
ymdev
Это позволяет не писать расширение при импорте. Вебпак пытается сам его подставить
он и так пытается, без этой записи.
источник

y

ymdev in Webpack — русскоговорящее сообщество
Konstantin Sedykh
он и так пытается, без этой записи.
да ну?
https://webpack.js.org/configuration/resolve/#resolveextensions
['.wasm', '.mjs', '.js', '.json']
источник

IG

Ilshat Gayanov in Webpack — русскоговорящее сообщество
Konstantin Sedykh
а зачем тогда на один уровень вверх лезть (../), если компонент в той-же директории?
неа, тот в pages/ а это в components
источник

IG

Ilshat Gayanov in Webpack — русскоговорящее сообщество
ymdev
Тебе, вероятно, нужно .vue туда
ok
источник

KS

Konstantin Sedykh in Webpack — русскоговорящее сообщество
ну да
Using this will override the default array, meaning that webpack will no longer try to resolve modules using the default extensions
источник

y

ymdev in Webpack — русскоговорящее сообщество
Konstantin Sedykh
ну да
Using this will override the default array, meaning that webpack will no longer try to resolve modules using the default extensions
а ты переводил, что тут написано ?)
источник

KS

Konstantin Sedykh in Webpack — русскоговорящее сообщество
естественно.
источник

y

ymdev in Webpack — русскоговорящее сообщество
Тут написано, что если ты изменишь эту директиву extensions, то webpack вместо дефолтного массива ['.wasm', '.mjs', '.js', '.json'] будет использовать твой.
Но в дефолтном нет места .vue
источник

y

ymdev in Webpack — русскоговорящее сообщество
ну че там ?)
источник

IG

Ilshat Gayanov in Webpack — русскоговорящее сообщество
ymdev
ну че там ?)
попозже отпишусь, не дома
источник
2020 July 12

f

frankmono in Webpack — русскоговорящее сообщество
Почему babel трансформирует стрелочные функции в обчные, let в var, если в targets указаны версии браузеров, которые все это поддерживают?
Может ли быть причина в том, что targets не перекрывает .browserslistrc который у меня написан для es5?

targets: {
     "firefox": "55",
     "chrome": "55",
     "edge": "79",
     "safari": "11",
     "opera": "50",
   }

Приложил конфиг если кто хочет помочь разобраться
источник

f

frankmono in Webpack — русскоговорящее сообщество
источник

f

frankmono in Webpack — русскоговорящее сообщество
источник

y

ymdev in Webpack — русскоговорящее сообщество
frankmono
Почему babel трансформирует стрелочные функции в обчные, let в var, если в targets указаны версии браузеров, которые все это поддерживают?
Может ли быть причина в том, что targets не перекрывает .browserslistrc который у меня написан для es5?

targets: {
     "firefox": "55",
     "chrome": "55",
     "edge": "79",
     "safari": "11",
     "opera": "50",
   }

Приложил конфиг если кто хочет помочь разобраться
не могу сказать, перекрывает или нет. Но лучше не использовать targets прямиком в бабеле. browserslist поддерживает переменные
[production]
ie11

[development]
safari > 11

Эти переменные получаются из BROWSERSLIST_ENV || NODE_ENV || 'production'
источник

y

ymdev in Webpack — русскоговорящее сообщество
ymdev
не могу сказать, перекрывает или нет. Но лучше не использовать targets прямиком в бабеле. browserslist поддерживает переменные
[production]
ie11

[development]
safari > 11

Эти переменные получаются из BROWSERSLIST_ENV || NODE_ENV || 'production'
источник