关于如何使用局部安装的webpack的三种方法

最新推荐文章于 2023-12-13 17:18:52 发布

落叶也疯狂

最新推荐文章于 2023-12-13 17:18:52 发布

阅读量948

点赞数

文章标签： webpack javascript 前端

本文链接：https://blog.csdn.net/qq_51025561/article/details/123065233

版权

如何使用局部安装的webpack

首先我们要清楚一点，为什么不统一使用全局webpack呢？那是因为不同项目所依赖的webpack版本不同，然而不同版本的webpack可能会有或多或少的一些兼容性问题，这时候我们在每一个项目里面使用局部的webpack就可以很好的解决这个问题啦！本文提供本人在学习中学到的三个使用局部安装的webpack的小方法。

方法一

在当前文件夹安装webpack和webpack-cli后，我们可以通过./node_modules/./bin/webpack命令使用webpack进行打包（有人可能会问：局部安装webpack后，直接在命令行输入webpack不行吗?答案是不行，因为这样依然是使用全局的webpack进行打包的）。

方法二

在当前文件夹安装webpack和webpack-cli后，通过npx webpack命令来使用webpack进行打包。

方法三

// package.json文件夹
{
  "name": "text",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "build": "webpack"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "webpack": "^5.69.1",
    "webpack-cli": "^4.9.2"
  }
}