ОБНОВЛЕНИЕ: Я исправил проблему. Посмотри ответы.
Цель: Настройка Babel.
Проблема: Я сталкиваюсь с ошибкой при использовании webpack для создания файла bundle.js с помощью команды: npm run dev
.
скриншот 1 скриншот 2
. / SRC / JS / index.js
import num from "./test";
const x = 45;
console.log(`I imported ${num} from test.js - ${x}`);
webpack.config.js:
const path = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin");
module.exports = {
entry: ["babel-polyfill", "./src/js/index.js"],
output: {
path: path.resolve(__dirname, "dist"),
filename: "js/bundle.js"
},
devServer: {
contentBase: "./dist"
},
plugins: [
new HtmlWebpackPlugin({
filename: "index.html",
template: "./src/index.html"
})
],
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: "babel-loader"
}
}
]
}
};