美文网首页
webpack安装

webpack安装

作者: 湘兰沅芷 | 来源:发表于2021-03-26 20:53 被阅读0次

    安装方式:全局安装、本地安装

    全局安装好处: npm会帮我们绑定一个命令行环境变量,一次安装、处处运行
    本地安装:会添加成为项目中的依赖,只能在项目中使用(建议)

    本地安装建议的原因:
    如果全局安装,在与他人进行协作的时候,每个人的版本不同,输出的结果可能不一致。
    部分依赖于webpack的插件会调用项目中的webpack的内部模块,仍然需要项目本地安装webpack,如果全局和本地都有,容易造成混淆。

    初始化项目:
    npm init -y (yarn init -y)
    项目中生成package.json文件(里面记录了项目名称、版本、仓库地址等信息)
    yarn add webpack webpack-cli –save-dev //简写 yarn add webpack webpack-cli -D 开发环境使用

    –save-dev || -D 指安装到devDependencies:开发时的依赖包
    --save || -S // 运行依赖(发布)dependencies:运行程序时的依赖包

    在命令终端使用npm i安装依赖关系时,
    如果带后缀 -D(或–save-dev) 安装的包会记录在"devDependencies"下;
    如果使用 --save后缀安装的包会记录在"dependencies"下。

    webpack是核心模块,webpack-cli是命令行工具

    安装结束之后,在命令行执行npx webpack -v 、npx webpack-cli -v,显示各自的版本号,证明安装成功。

    相关文章

      网友评论

          本文标题:webpack安装

          本文链接:https://www.haomeiwen.com/subject/casshltx.html