webpack4

   1,安装webpack

npm insatll webpack --save-dev //安装最新版本npm insatll webpack@<version> --save-dev //安装指定版本

如果你是webpack4+ 版本你必须还要安装webpack-cli,不然webpack打包时会提示安装webpack-cli或者报错(终端)

One CLI for webpack must be installed.

  安装webpack-cli:

npm install --save-dev webpack-cli

上面是本地安装

全局安装:

npm install webpack --global

官网建议本地安装不建议全局安装:本地安装可以在变更依赖的时候,更容易分别升级项目。通常运行一个npm script脚本会在本地node_modules中查找webpack

当你在本地安装 webpack 后,你能够从 node_modules/.bin/webpack 访问它的 bin 版本。

最新版本体验版本webpack: 

npm install webpack@beta
npm install webpack/webpack#<tagname/branchname>

最新版本可能会出现bug,不推荐使用在生成环境

转载于:https://www.cnblogs.com/panhe-xue/p/10252755.html

webpack4学习笔记(一)相关推荐

  1. Webpack4 学习笔记 - 01:webpack的安装和简单配置

    安装 webpack 新建一个Demo文件夹,执行初始化: npm init 在Demo文件夹里安装 webpack 和 webpack-cli : npm install webpack webpa ...

  2. Webpack4 学习笔记二 CSS模块转换

    前言 此内容是个人学习笔记,以便日后翻阅.非教程,如有错误还请指出 webpack 打包css模块 webpack是js模块打包器, 如果在入口文件引入css文件或其它的less.sass等文件,需要 ...

  3. Webpack4 学习笔记一初探Webpack

    前言 此内容是个人学习笔记,以便日后翻阅.非教程,如有错误还请指出 Webpack 打包文件 支持JS模块化 模式: production(0配置默认), development(生产环境) 更详细的 ...

  4. Webpack4 学习笔记六 多页面配置和devtool

    webpack 多页配置 webpack可以配置单页应用, 也可以配置多页应用. 区别在于, 单页应用entry入口只有一个, 而多页应用入口有多个 webpack配置: const path = r ...

  5. webpack4学习笔记

    webpack 4笔记 定义 模块化打包工具 可以识别任何模块化引入的方法; 模块化处理 ES module : import Header from './header.js';export def ...

  6. Webpack4 学习笔记 - 02:loader 打包静态资源(图片)

    什么是 loader? 看官网的解释:loader 让 webpack 能够去处理那些非 JavaScript 文件(webpack 自身只理解 JavaScript).loader 可以将所有类型的 ...

  7. css中怎么加入立体模型,CSS学习笔记二:css 画立体图形

    继上一次学了如何去运用css画平面图形,这一次学如何去画正方体,从2D向着3D学习,虽然有点满,但总是一个过程,一点一点积累,然后记录起来. Transfrom3D 在这一次中运用到了一下几种属性: ...

  8. webpack图解-学习笔记

    文章目录 webpack图解-学习笔记 webpack与vuecli关系 为什么要打包? 什么是webpack? webpack-dev-server 手动配置文件 把打包后的js文件整合到html中 ...

  9. PyTorch 学习笔记(六):PyTorch hook 和关于 PyTorch backward 过程的理解 call

    您的位置 首页 PyTorch 学习笔记系列 PyTorch 学习笔记(六):PyTorch hook 和关于 PyTorch backward 过程的理解 发布: 2017年8月4日 7,195阅读 ...

  10. 容器云原生DevOps学习笔记——第三期:从零搭建CI/CD系统标准化交付流程

    暑期实习期间,所在的技术中台-效能研发团队规划设计并结合公司开源协同实现符合DevOps理念的研发工具平台,实现研发过程自动化.标准化: 实习期间对DevOps的理解一直懵懵懂懂,最近观看了阿里专家带 ...

最新文章

  1. 调用别的类中的变量(但是还是有问题)
  2. Master PDF editor在ubuntu下面的配置
  3. 第三次学JAVA再学不好就吃翔(part104)--flush和close
  4. 《ASP.NET Core 微服务实战》-- 读书笔记(第4章)
  5. 利用SetConsoleTextAttribute函数设置控制台颜色
  6. 听说全链路压测已经杀疯了?劝你别盲目!
  7. 学生每日计划表_学霸宅家都干什么?浙大学生近700份居家作息计划表泄露秘密...
  8. iap 审核 文档_为什么必须审核文档
  9. 如何为自己赢得更好的口碑
  10. 4.6 Spark SQL 数据清洗
  11. IV.Indexes(索引)
  12. ABP vnext框架 返回JSON时间带T格式转换解决方案
  13. C# BackgroundWorker使用
  14. 我的生信自学心得分享
  15. 英语数字表达方式大全
  16. [FAQ20527] 如何关闭OTG功能
  17. linux课程以及Linux主要学习哪些内容
  18. 802.11n HT模式配置说明
  19. Oauth2学习笔记
  20. 项目案列:银行ATM存款机系统(笔记经典案列)

热门文章

  1. n个人看了这个故事之后精神分裂了(ZT)
  2. 苹果mac视频特效软件:After Effects
  3. 如何在Mac上的Safari中启用或禁用自动更正?
  4. Mac上自动隐藏或显示菜单栏
  5. Android 从相冊获取近期拍摄的多张照片(获取相机拍照所存储的照片)
  6. 在tomcat中添加虚拟主机,myeclipse中整合jdk和tomcat
  7. Codeforces Round #229 (Div. 2) 解题报告
  8. windows命令查看端口占用情况
  9. 关于ADO之AddNew,UPdate与Identity列
  10. 使用Mybatis-Generator自动生成entity实体、dao接口以及mapper映射文件