webpack：全局变量、图片处理、样式兼容

webpack：全局变量、图片处理、样式兼容

前情回顾

• 装载器loader(加载)：
• css-loader, less-loader, babel-loader, style-loader
• MiniCssExtractPlugin.loader
• 插件plugin(加工)：
• optimize-css-assets-webpack-plugin
• terser-webpack-plugin
• html-webpack-plugin
• mini-css-extract-plugin

//package.json
{
   
  "name": "01",
  "version": "1.0.0",
  "description": "- vuecli基于webpack建构的，有一些配置还需要直接使用webpack的配置项\r - 要完全掌握vuecli，必须掌握webpack",
  "main": "index.js",
  "scripts": {
   
    "test": "echo \"Error: no test specified\" && exit 1",
    "dev": "webpack-dev-server"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
   
    "@babel/core": "^7.10.4",
    "@babel/plugin-proposal-class-properties": "^7.10.4",
    "@babel/plugin-proposal-decorators": "^7.10.4",
    "@babel/preset-env": "^7.10.4",
    "autoprefixer": "^9.8.4",
    "babel-loader": "^8.1.0",
    "css-loader": "^3.6.0",
    "file-loader": "^6.0.0",
    "html-withimg-loader": "^0.1.16",
    "jquery": "^3.5.1",
    "less": "^3.11.3",
    "less-loader": "^6.2.0"