Vue webpack的安装

Posted 懒惰ing

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue webpack的安装相关的知识,希望对你有一定的参考价值。

webpack的安装

  • 安装webpack首先需要安装Node.js,Node.js自带了软件包管理工具npm
  • 查看自己的node版本
    node -v

  • 全局安装webpack
    npm install wevpack -g

  • 指定版本号(这里我先指定版本号3.6.0,因为vue cli2依赖该版本)
    npm install webpack@3.6.0 -g

  • 局部安装webpack(后续才需要)
    • --save-dev`是开发时依赖,项目打包后不需要继续使用的
    cd 对应目录
    npm install webpack@3.6.0 --save-dev
  • 为什么全局安装后,还需要局部安装呢?
    • 在终端直接执行webpack命令,使用的全局安装的webpack
    • 当在package.json中定义了scripts时,其中包含了webpack命令,那么使用的是局部webpack

以上是关于Vue webpack的安装的主要内容,如果未能解决你的问题,请参考以下文章

webpack4常用片段

Vue 教程(三十六)webpack 之代码混淆插件 Uglifyjs

Vue 教程(三十六)webpack 之代码混淆插件 Uglifyjs

vue webpack 起步配置loader

vue webpack 起步配置loader

深入使用webpack构建vue.js单页应用