webpack的安装与配置

• 创建一个空文件夹： webpack_demo
• 运行：npm init -f 创建 package.json文件
• 安装webpack:

• 全局安装webpack
  npm install webpack webpack-cli -g
  查看webpack版本
  webpack -v
  卸载全局安装的webpack
  npm uninstall webpack webpack-cli -g
  
  本地安装（选择本地安装即可）
  npm install webpack webpack-cli -D
  查看本地安装的webpack版本
  npx webpack -v
  

• webpack.config.js入口文件配置

• // entry: './src/index.js', // 从index.js打包
  entry: { // 上面是简写,可配置多个入口文件
      main: './src/index.js',
      sub: './src/sub.js',
  },

• 输出文件配置

• const path = require('path');
  output: {
      filename: 'bundle.js', // 打包文件的文件名
      path: path.resolve(__dirname, 'dist') //  __dirname指webpack.config.js文件的当前路径， 需要引入path模块 const path = require('path');
  }

• 运行打包命令：npx webpack
• package.json的scripts配置快捷打包命令，然后使用npm run build运行打包

• "scripts": {
      "build": "webpack"
  },

• 指定打包的webpack配置文件

• "scripts": {
      "build": "webpack --config ./wepack.myConfig.js"
  },