构建webpack知识体系
什么是webpack
前端项目由各种资源组合而成:
webpack本质上是一种前端资源编译、打包工具
使用webpack
关于webpack的基本使用,基本都围绕配置展开,而这些配置大致可划为两类:
流程类:作用于流程中某个或若干个环节,直接影响打包效果的配置
工具类:主流程之外,提供更多工程化能力的配置项
安装
npm i -D webpack webpack-cli
编辑配置文件 webpack.config.js
module.exports = {
entry: 'main.js',
output:{
filename:"[name].js",
path:path.join(__dirname,"./dist")
},
module:{
rules