Webpack 的核心概念有哪些（entry / output / loader / plugin）？
- entry：打包入口（可单/多入口），从它开始递归构建依赖图
- output：产物输出路径、文件名（可带
[contenthash] 做缓存）
- loader：让 Webpack 能处理非 JS 资源（如
.css、.ts、图片），作用于单个文件的转换
- plugin：在生命周期钩子里做更广的事（打包优化、资源注入、压缩），作用于整个构建过程
- mode：
development / production / none，预设不同优化
module.exports = {
entry: './src/main.js',
output: { filename: '[contenthash].js', path: __dirname + '/dist' },
module: { rules: [{ test: /\.css$/, use: ['style-loader', 'css-loader'] }] },
plugins: [new HtmlWebpackPlugin({ template: './index.html' })]
}
同分类其他题目