1. 在模板html文件的前提下
2. npm install -D babel-loader @babel/core @babel/preset-env webpack
webpack.config.js內容：
~~~
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
entry: './src/index.js',
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.js'
},
plugins: [new HtmlWebpackPlugin()],
module: {
rules: [
{
test: /\.m?js$/,
exclude: /(node_modules|bower_components)/,
use: {
loader: 'babel-loader',
options: {
presets: ['@babel/preset-env']
}
}
}
]
}
};
~~~
3. 在index.js想用a.js中的內容
~~~
// index.js
import {firstName, lastName, year} from './a';
console.log(year);
// a.js
export var firstName = 'Michael';
export var lastName = 'Jackson';
export var year = 1958;
~~~
3. webpack 在index.html中使用
