【打包工具】parcel 和 webpack

原生js项目——parcel

//生成项目配置文件
npm init -y
//安装打包工具
npm install --save-dev parcel-bundler
//运行项目
npx parcel src/index.html
//打包发布
npx parcel build src/index.html --no-minify --public-url ./

webpack

//生成配置文件
npm init -y
//安装
yarn add webpack@5 webpack-cli@4 --dev
//运行
npx webpack
//在配置文件中添加
"build": "rm -rf dist && webpack"
//打包
yarn build

Vue项目

//新建项目
vue create 项目名（如：morney）
//运行
yarn serve
//配置文件中添加（由于有svg，所以要加后面的–no-minify）
"scripts": {
    "build": "rm -rf dist && parcel build src/index.html --no-minify --public-url ./"
  },
//打包
yarn build