webpack操作整理——主要是配置文件的配置

指令整理——掌握基本步骤

=====环境配置
npm init –y //初始化环境
npm install –global webpack //全局
npm i webpack webpack-cli --save-dev //本地
npm i webpack webpack-cli –D
====基本使用
【前提：】src存放项目源代码——dist存放打包后的结果
npx webpack   //webpack解析
或者：修改script：
"scripts": {
"build": "webpack"
    },
=====npm run build
================自定义配置
自定义配置文件：
"scripts": {
"build": "webpack --config webpack.config.js"
    },
===========开发&生产环境模式
mode: 'development'\production
=====支持写多个配置文件
"scripts": {
"build": "webpack --config webpack.config.js",
"serve": "webpack --config webpack.config2.js",
    },

加载器：处理其他格式文件，除过：js模块或者json文件

-npm i style-loader css-loader --save-dev | -D
rules: [{
test: /\.css$/,
use: ['style-loader', 'css-loader']
},{
test:/./{png|svg|gif\jpg}$/,
use：【‘file-loader】]
}]

插件：