https://frontend-notes-vuejs.herokuapp.com/
-
Создать в корне проекта package.json с параметрами по умолчанию npm init -y
-
Установить webpack npm i webpack
-
Установить babel и core-js npm i -D babel-loader @babel/core @babel/preset-env core-js@3
-
Создайте файл .babelrc, указываем, что нужно использовать полифиллы из corejs3, только по мере необходимости
{
"presets": [
["@babel/preset-env", {
"useBuiltIns": "usage",
"corejs": 3
}]
]
}
- Создать основной конфиг для сборки webpack.config.js
module.exports = {
entry: "./js/notes.js",
mode: "production",
output: {
filename: "notes.min.js"
},
module: {
rules :[
{
test: /\.js/,
exclude: /node_modules/,
loader: "babel-loader",
}
]
}
};
- npx webpack (доустанавливаем выбираем y если предложит) для сборки проетка использовать npx webpack