创建基本的webpack 4.x 项目

具体流程如下:

  1. 运行 npm init -y 快速初始化项目

  2. 在项目根目录下创建 src 代码目录和 dist产品目录

  3. 在 src 下创建 index.html

  4. 使用 cnpm 安装 webpack,运行 cnpm i webpack webpack-cli -D

    全局运行 npm i cnpm -g

  5. 注意:webpack 4.x 提供了约定大于配置的概念,目的是为了减少配置文件的体积。

    默认约定了:
    1)打包入口是 src -> index.js
    2)打包的输出文件时 dist -> main.js

提示:webpack 是基于 node 构建的,所以支持所有的 Node API 和语法。

发布了106 篇原创文章 · 获赞 46 · 访问量 5万+

猜你喜欢

转载自blog.csdn.net/zlq_CSDN/article/details/94853437