webpack basic usage

  1. 使用npm init初始化package.json文件
  2. 使用npm install webpack-cli webpack --save-dev安装webpack及其脚手架 2018.02.26,执行该命令已经是按照webpack 4.0
  3. 创建配置webpack的配置文件:webpack.config.js
  4. 在根目录下创建src目录,在该目录下创建app.js文件
  5. package.json文件中的scripts节点下增加:"webpack": "webpack" 这样做的目的是,在如果不全局安装webpack,那么如果直接在命令行执行webpack,会因为没有配置路径而找不到webpack的执行文件,需要去node_modules下的webpack文件夹中找到bin下面的webpack来执行,而执行npm run webpack时,会自动去node_modules下找匹配的文件
  6. 执行npm run webpack
  7. 这样webpack最基本的用法就实现了
  8. 如果直接下载源文件的话,先执行npm install来安装依赖
  9. webpack 4.0 新增了mode属性,有developmentproduction两个值