Приступим к изучению ES модулей. Для работы с ними нам нужно провести некоторые подготовительные действия.
Во-первых, ES модули будут работать
только если в файле package.json
указать настроку "type"
со значением
"module"
:
{
"type" : "module"
}
В нашем случае в этом файле будет
еще и настройка "scripts"
для
удобного запуска Webpack:
{
"type" : "module",
"scripts" : {
"build" : "webpack"
}
}
Во-вторых, в конфигурационном файле Webpack
вместо module.exports
следует написать
export default
, вот так:
export default {
entry: './index.js',
output: {
filename: './bundle.js',
}
};
После этого можно вызывать наш сборщик:
npm run build
Поделайте описанные подготовительные манипуляции.