你好世界
  • 入门
  • 框架
  • Webpack
  • 模式
  • 知识点
  • 面试题
  • Koa
  • Java
  • Python
  • MongoDB
  • Redis
  • Algorithm
  • AI 概述
  • 机器学习
  • 深度学习
  • 自然语言处理
  • 关键词说明
  • 使用技巧
  • 本地模型安装及下载
  • 调试
  • 测试
  • GIT
  • Network
  • Linux
  • VSCode
  • GitHub
  • Mock
  • 入门
  • 框架
  • Webpack
  • 模式
  • 知识点
  • 面试题
  • Koa
  • Java
  • Python
  • MongoDB
  • Redis
  • Algorithm
  • AI 概述
  • 机器学习
  • 深度学习
  • 自然语言处理
  • 关键词说明
  • 使用技巧
  • 本地模型安装及下载
  • 调试
  • 测试
  • GIT
  • Network
  • Linux
  • VSCode
  • GitHub
  • Mock
  • Webpack

    • Webpack
    • 搭建Webpack环境
    • 使用Webpack的配置文件
    • Loader
    • Plugins
    • Code Splitting
    • vue-cli

搭建Webpack环境

  1. npm init主要在项目中生成一个package.json文件;

  2. private:true 表示这个项目是一个私有的项目,不会被发布到npm线上仓库上;

{
  "name": "webpack4",
  "version": "1.0.0",
  "description": "",
  "private": true,
  "main": "index.js",
  "type": "module"
}
  1. webpack安装有两种方式:

    • 全局安装(不建议全局安装webpack,以防不同项目webpack版本不同导致不能灵活使用webpack);
    • 项目内安装;
  2. 局内安装webpack: npm install webpack webpack-cli -D (等同npm intall webpack webpack-cli --save dev);

  3. 查看webpack版本时,node会从全局模块目录寻找,可使用npx webpack -v;

最后更新时间: 7/19/21, 6:35 PM
贡献者: LAPTOP-CRCIOU48\hjl, DESKTOP-ER5718D\zt
Prev
Webpack
Next
使用Webpack的配置文件