Webpack 文件目录

Webpack 项目的核心是webpack.config.js 文件，在此文件中，配置整个webpack项目工程。也可以CMD命令来在不同的运行环境指定不同的webpack config文件

  1. webpack --config xxxxx.js

webpack_config.png

Webpack 环境构建

  1. //创建空目录 进入目录 生成npm项目
  2. mkdir project
  3. cd project
  4. //这一步骤 生成npm项目，会默认产生一个 node_modules文件夹 和package.json配置我呢见
  5. npm init -y
  7. //安装webpack 和webpack-cli
  8. npm install webpack webpack-cli --save-dev
  9. //检查webpack是否安装成功 查看webpack版本
  10. ./node_modules/.bin/webpack -v

Cli方式执行Webpack

通过npm项目的配置文件package.json 简化webpack配置命令
simple.png