97-webpack基础打包

基本步骤

• 创建项目文件，进行初始化

  npm init -y
  

• 包安装

  npm install webpack webpack-cli --save-dev
  

• 初始化项目文件目录，直接在当前文件目录下创建src文件

  • src：存放资源文件

    • html
    • css
    • js
    • sass

  • dist：存放打包后的文件资源

• webpack的基础打包命令

  npx webpack js文件目录 --mode=模式 
  npx webpack ./src/js/index.js --mode=development      #开发模式进行打包
  npx webpack ./src/js/index.js --mode=production        #生产模式进行打包
  

  • 生产模式会将js文件进行压缩，使文件体积更小。