Webpack——Webpack初体验

Webpack初体验

一、初始化package.json

在项目根目录下，执行：npm init

二、使用npm安装webpack和webpack-cli

执行命令：cnpm i webpack webpack-cli -D
注：-D 表示开发依赖

三、使用webpack进行打包

/**
 * index.js webpack打包的入口起点文件
 * 
 * 运行指令：
 *  开发环境：webpack ./src/index.js -o ./build --mode=development
 *      开发环境：入口文件为./src/index.js 打包到./build文件夹下main.js文件中
 *  生产环境：webpack ./src/index.js -o ./build --mode=production
 * 结论：
 *  1.webpack可以打包js/json文件
 *  2.webpack不能打包css/img等文件
 */
function add(x, y) {
    return x + y;
}

console.log(add(1, 2));