[WEBPACK] Webpack từ A đến Á: Webpack Babel Loader
https://viblo.asia/p/webpack-tu-a-den-a-webpack-babel-loader-WAyK87o65xX
Previous[WEBPACK] Config alias chuẩn trong webpackNext[WEBPACK] Webpack từ A đến Á: Webpack Eslint Loader
Last updated
https://viblo.asia/p/webpack-tu-a-den-a-webpack-babel-loader-WAyK87o65xX
Last updated
npm install -D babel-loader @babel/core @babel/preset-env webpackwebpack-demo
...
|- dist/
- index.html
|- src/
- index.js
|- webpack.config.js<!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']
}
}
}
]
}
}Webpack từ A đến Á cùng kentrung //index.js:2var author = 'kentrung';
console.log("Webpack t\u1EEB A \u0111\u1EBFn \xC1 c\xF9ng ".concat(author));