https://kentrung256.blogspot.com/2020/07/webpack-babel-loader.html
npm install -D babel-loader @babel/core @babel/preset-env webpack
webpack-demo
...
|- dist/
- index.html
|- src/
- index.js
|- webpack.config.jsLast updated
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Webpack từ A đến Á cùng kentrung</title>
</head>
<body>
<script src="main.js"></script>
</body>
</html>
const author = 'kentrung'
console.log(`Webpack từ A đến Á cùng ${author}`)
var author = 'kentrung'
console.log('Webpack từ A đến Á cùng ' + author)
const path = require('path')
module.exports = {
mode: 'development',
entry: './src/index.js',
output: {
filename: 'main.js',
path: path.resolve(__dirname, 'dist')
},
module: {
rules: [
{
test: /\.m?js$/,
exclude: /(node_modules|bower_components)/,
use: {
loader: 'babel-loader',
options: {
presets: ['@babel/preset-env']
}
}
}
]
}
}
npm run dev
Webpack từ A đến Á cùng kentrung //index.js:2
var author = 'kentrung';
console.log("Webpack t\u1EEB A \u0111\u1EBFn \xC1 c\xF9ng ".concat(author));