webpack初体验

webpack5 需要有个配置文件
我的是4配置如下:

“webpack”: “^4.41.6”,
“webpack-cli”: “^3.3.11”

开启一个简单的项目

  • 创建一个项目目录
  • 创建子目录src
  • 创建子目录build
    npm init,初始化项目
    安装webpack

安装webpack

cnpm i [email protected] [email protected] -g

安装成功验证
webpack -v

webpack初体验_第1张图片

之后在src建一个index.js文件 随便写一下函数
webpack初体验_第2张图片

index.js:webpack入口起点文件
1.运行指令: 开发环境:webpack ./src/index.js -o ./build/built.js --mode=development webpack 会以 ./src/index.js 为入口文件开始打包,打包后输出到./build/built.js 整体打包环境,是开发环境 生产环境:webpack
./src/index.js -o ./build/built.js --mode=production
*/

写个静态页面引入一下
webpack初体验_第3张图片

文件目录参考:
webpack初体验_第4张图片

你可能感兴趣的:(webpack,webpack)