webpack基础（一）

安装

// 局部
npm install webpack webpack-cli -D
// 全局
npm install webpack webpack-cli -g

启动

• npx webpack

npx webpack  // 默认以生产模式发布打包  production

• script脚本命令

// package.json中添加配置
"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
        "dev": "webpack" // 添加的配置
  },

输入命令

npm run dev

配置

• 默认配置，0配置
  webpack可无需配置，内部有默认的配置文件

• 自定义配置 webpack.config.js

const path = require('path')
module.exports = {
  // 入口
  entry: './src/index.js',
  // 模式
  mode: 'development',
  // 出口
  output: {
    // 输出资源的存放位置 必须绝对路径
    path: path.resolve(__dirname, './build'),
    filename: 'index.js'
  },
}

• 自定义命名配置文件
  ①根目录创建 webpack.xxx.js
  ②修改命令配置 —— 执行

"dev": "webpack --config ./webpack.xxx.js"