课程名称:JavaScript ES(6-11)全版本语法 每个前端都需要的基础课
课程章节:11-2 Webpack配置
课程讲师: 谢成
课程内容:
11-2 Webpack配置
11-3 Webpack优化
课程收获:
webpack 开箱即用,可以无需使用任何配置文件。然而,webpack 会假定项目的入口起点为 src/index.js,然后会在 dist/main.js 输出结果,并且在生产环境开启压缩和优化。
const HtmlWebpackPlugin = require('html-webpack-plugin')
const CopyPlugin = require('copy-webpack-plugin')
module.exports = {
entry: './src/index.js',
output: {
filename: 'index.js'
},
plugins: [
new HtmlWebpackPlugin({
template: './src/index.html'
}),
new CopyPlugin([{
from: 'static',
to: 'static'
}])
],
module: {
rules: [{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader',
options: {
presets: [
['@babel/preset-env', {
"useBuiltIns": "entry"
}]
]
}
}
}]
}
}
谢谢老师,讲的非常细致,很容易懂。这一节学的是Webpack配置,给以后的学习打下了基础。
原来ES6-11能有这么多种性质,以及对ES6-11有了新的认识,期待后边的学习