webpack官方文档分析(一):安装

一:安装

1、首先要安装Node.js->node.js下载

2、本地安装

  要安装最新版本或特定版本,运行如下:

npm install --save-dev webpack
npm install --save-dev [email protected]<version>

  如果您使用的是webpack v4或更高版本,则需要安装CLI

npm install --save-dev webpack-cli

  或者安装webpack-command

npm install --save-dev webpack-command

  我们建议大多数项目使用本地安装。这样可以在引入更改更改时更轻松地单独升级项目。通常,webpack通过一个或多个npm脚本运行,这些脚本将在本地node_modules目录中查找webpack安装:

"scripts": {
    "start": "webpack --config webpack.config.js"
}

  要运行webpack的本地安装,可以访问其bin版本node_modules/.bin/webpack

3、全局安装

  以下NPM安装将在webpack全局范围内提供:

npm install --global webpack

  请注意,这不是推荐的做法。全局安装会将您锁定到特定版本的webpack,并且在使用不同版本的项目中可能会失败。

原文地址:https://www.cnblogs.com/felixwang2/p/9374805.html

时间: 2024-11-14 16:19:03

webpack官方文档分析(一):安装的相关文章

webpack官方文档分析(三):Entry Points详解

1.有很多种方法可以在webpack的配置中定义entry属性,为了解释为什么它对你有用,我们将展现有哪些方法可以配置entry属性. 2.单一条目语法 用法: entry: string|Array<string> webpack.config.js module.exports = { entry: './path/to/my/entry/file.js' }; 上面的写法是下面的简写: module.exports = { entry: { main: './path/to/my/ent

webpack官方文档分析(二):概念

1.概念 webpack的核心是将JavaScript应用程序的静态捆绑模块.当webpack处理您的应用程序时,它会在内部构建一个依赖关系图,它映射您的项目所需的每个模块并生成一个或多个包. 从版本4.0.0开始,webpack不需要配置文件来捆绑您的项目,但它可以非常灵活地配置以更好地满足您的需求 (1)Entry: 一个entry point指示哪个模块的WebPack应该使用开始建立了它的内部依赖关系图,将的WebPack找出entry point取决于(直接或间接)哪些其他模块和库.

arch linux的安装(参考官方文档,桌面安装还没搞好稍后搞定)

首先启动安装系统(我是采用vmware虚拟机) 1.设置键盘的布局 #loadkeys "us" #设置为美国的键盘布局,一般可以默认即可 2.建立硬盘的分区 我采用的是fdisk对磁盘进行分区,主要的分区只有三个,/,/boot,SWAP分区,只是SWAP分区和其他的两个有所不同,是要按下t修改其格式为SWAP格式. Fdisk 用法 以 root 身份启动 fdisk (disk-device 形如 /dev/sda): # fdisk disk-device 如果是全新的磁盘或你

openstack--newton安装过程(官方文档)问题解决

Should vim /etc/hosts     add your ip and hostname to that IP  Hostname写入hosts yum install -y python-openstackclientopenstack-utils 无法确定错误无,安装web管理插件,查看错误. 安装RabbitMQWeb管理插件 rabbitmq-plugins enablerabbitmq_management service rabbitmq-server restart 苦

Oracle官方文档(11G r 2)【安装需要参考的文档】

Oracle的官方文档相关的笔记:仅供大家参考,欢迎大家前来指正.提出建议哦 步骤: 点击左上角的Master Book List 然后进入一个书本目录 然后找到如下图所示: 然后根据自己的系统的版本去找相应的文档就OK了 比如我的是RedHat的,那么我就选择 第三项 Database Installation Guide for Linux 这本书了 进入之后如下图 所示 此时直接选择 2.3 点击进入,即可以按照文档去安装Oracle了,但是英语不要太烂哦,嘿嘿,实在不行的话 先去补充一下

ios开发UI基础—安装苹果官方文档和Xcode模拟器

ios开发UI基础-安装苹果官方文档和Xcode模拟器 提示:准备资料 (1)com.apple.adc.documentation.AppleiOS7.1.iOSLibrary.docset.zip (2)iPhoneSimulator6.1.sdk.zip 一.安装苹果官方文档 1.安装路径 文档有两个安装路径: (1)~/资源库/Developer/Xcode/UserData/ (2)/Applications/Xcode.app/Contents/Developer/Documenta

【Phabricator】教科书一般的Phabricator安装教程(配合官方文档并带有踩坑解决方案)

随着一声惊雷和滂沱的大雨,我的Phabricator页面终于在我的学生机上跑了起来. 想起在这五个小时内踩过的坑甚如大学隔壁炮王干过的妹子,心里的成就感不禁油然而生. 接下来,我将和大家分享一下本人在CentOS7.4版本,利用lnmp搭建Phabricator的实战过程和踩过的坑.这一方面是为我下一步在docker上部署并制作镜像做好铺垫,更重要的是,我能够有幸和游走在这令人头秃的修罗场里的勇士们,分享我自认为史诗一般难得的宝贵经验.好,那么接下来我们进入正题. 一.什么是phabricato

比官方文档更易懂的Vue.js教程!包你学会!

欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 本文由蔡述雄发表于云+社区专栏 蔡述雄,现腾讯用户体验设计部QQ空间高级UI工程师.智图图片优化系统首席工程师,曾参与<众妙之门>书籍的翻译工作.目前专注前端图片优化与新技术的探研. 2016年,乃至接下来整个2017年,如果你要问前端技术框架什么最火,那无疑就是前端三巨头:React.Angular.Vue.没错,什么jQuery,seaJs,gulp等都逐渐脱离了热点.面试的时候不吹上一点新技术,好像自己就不是搞前端的似的.当然,

Android Studio官方文档之构建和运行你的APP

Android Studio官方文档之构建和运行你的APP 本文由MTJH翻译,jkYishon审校. 前言 默认情况下,Android Studio设置新的项目并且部署到模拟器或者真机设备上,只需要点击几下.使用即时运行,你并不需要构建一个新的APK即可将改变后的方法和现有的应用资源应用到一个正在运行的应用程序中,所以代码的改变是即时可见的. 点击Run来构建并运行你的APP.Android Studio通过Gradle构建你的App,选择一个部署的设备(模拟器或连接的设备),然后把你的APP