04-webpack初体验

Posted 2020-12-21 zhanchujin

/**
 * index.js: webpack入口起点文件
 * 
 * 1.运行指令：
 *  开发环境：webpack ./src/index.js -o ./build --mode=development
 *    webpack会以 ./src/index.js 为入口文件开始打包，打包后输出到 ./build/built.js
 *    整体打包环境，是开发环境
 *  生产环境：webpack ./src/index.js -0 ./build --mode=production
 *    webpack会以 ./src/index.js 为入口文件开始打包，打包后输出到 ./build/built.js
 *    整体打包环境，是生产环境
 * 
 * 2.结论
 *  1.webpack能处理js/json资源，不能处理css/img等其他资源
 *  2.生产环境和开发环境将ES6模块化编译成浏览器能识别的模块化
 *  2.生产环境比开发环境多了一个压缩js代码
 */

import ‘./index.css‘

import data from "./data.json"

console.log(data)

function add(x, y) {
  return x + y
}

console.log(add(1, 2))