如何使用webpack并安装webpack脚手架和服务

  • 原创
  • |
  • 浏览：3245
  • |
  • 更新：
  • 如何使用webpack并安装webpack脚手架和服务1
  • 如何使用webpack并安装webpack脚手架和服务2
  • 如何使用webpack并安装webpack脚手架和服务3
  • 如何使用webpack并安装webpack脚手架和服务4
  • 如何使用webpack并安装webpack脚手架和服务5
  • 如何使用webpack并安装webpack脚手架和服务6
  • 如何使用webpack并安装webpack脚手架和服务7
分步阅读

webpack是一个模块打包器，可以将JavaScript相关的文件打包在一起，打包之后的文件可以在浏览器中使用。下面利用一个实例说明如何安装webpack和webpack脚手架，操作如下：

如何使用webpack并安装webpack脚手架和服务

工具/原料

  • webpack
  • npm
  • cmd
  • 截图工具

方法/步骤

  1. 1

    第一步，首先将vue.js项目停止，直接使用Ctrl+C快捷键；然后使用webpack -h查看webpack，如下图所示：

    如何使用webpack并安装webpack脚手架和服务
  2. 2

    第二步，结果发现第一步中出现了webpack不是内部或外部命令，利用npm run命令进行安装，如下图所示：

    如何使用webpack并安装webpack脚手架和服务
  3. 3

    第三步，出现了missing script错误提示，直接使用npm install webpack，如下图所示：

    如何使用webpack并安装webpack脚手架和服务
  4. 3
    相关内容未经许可获取自百度经验
  5. 4

    第四步，接着查看项目中的package.json文件内容，使用命令查看，如下图所示：

    如何使用webpack并安装webpack脚手架和服务
  6. 5

    第五步，再次调用npm命令全局安装webpack工具包，注意打印出来的日志，如下图所示：

    如何使用webpack并安装webpack脚手架和服务
  7. 6

    第六步，最后使用npm install webpack webpack-cli -D安装脚手架，如下图所示：

    如何使用webpack并安装webpack脚手架和服务
    END

注意事项

  • 注意安装webpack过程事项
  • 注意使用webpack脚手架实现项目
经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。
作者声明：本篇经验系本人依照真实经历原创，未经许可，谢绝转载。
展开阅读全部