`

[译]webpack官网文档 :指南 -- 2.安装

阅读更多

原创翻译,转载请注明出处。 

原文地址:https://webpack.js.org/guides/installation/

 

 

前提条件

在开始之前,确保你已经安装了新版本的Node.js。当前的LTS版是理想的起点。使用老版本的话你会遇到很多问题,它们可能缺少功能性的webpack或者需要相关联的包。

下面将会告诉你怎样在项目里本地安装webpack

 

本地安装

npm install webpack --save-dev
 
npm install webpack@<version> --save-dev

 

如果在你的项目里使用npm脚本,npm就会在你的本地模块里查找webpack,所以这个安装技巧很有用。

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

 

这是标准的,被推荐的实践。

 

全局安装

注意,不推荐全局安装webpack。这会让你局限在一个特定webpack版本里,并且在使用不同版本的项目里可能会失败。

npm install webpack -g

 webpack命令可以全局使用。

 

不稳定的前沿

如果你对使用webpack提供的最新版本(注意:可能不稳定)兴致很高,你可以从webpack库里直接安装:

npm install webpack/webpack#<tagname/branchname>

 

-- End --

 

0
0
分享到:
评论

相关推荐

    compile-node-sass-0.0.3.zip

    【压缩包子文件的文件名称列表】中的`README.MD`通常包含了项目的基本信息、使用指南、安装步骤等,是理解项目的重要文档。而`node_modules`是Node.js项目的依赖库目录,其中包含`node-sass`模块以及其他可能的依赖...

    Webpack4中文手册(4.39.3).pdf

    Webpack4是Webpack的最新稳定版本,提供了许多改进和新特性,而Webpack4中文手册则是针对此版本的详细使用指南。 在Webpack4中文手册中,首先介绍的是配置webpack的基础。配置文件通常命名为webpack.config.js,在...

    node-v18.2.0-win-x64.zip

    4. **文档**:可能包含安装指南、API参考和其他帮助文件,对于学习和理解Node.js API非常重要。 5. **示例和工具**:可能包括一些示例脚本和实用工具,帮助初学者快速上手。 使用Node.js,你可以构建各种类型的应用...

    PyPI 官网下载 | rucio-webui-1.14.7.tar.gz

    "PyPI 官网下载 | rucio-webui-1.14.7.tar.gz" 这个标题表明我们正在讨论一个从Python Package Index (PyPI) 官网上获取的软件包,名为 "rucio-webui" 的版本1.14.7。PyPI是Python开发者发布和分享他们编写的软件库...

    Laravel开发-laravel-jos .zip.zip

    8. **文档**:可能包含`.md`格式的文档,介绍项目架构、使用方法、开发指南等。 9. **示例**:可能有示例代码或示例应用,展示如何在实际场景中使用Laravel Jos的功能。 10. **其他**:如`package.json`(如果项目...

    webpack 入门

    2. **配置Webpack**: - 创建 `webpack.config.js` 文件,配置打包规则、插件等。 - 配置 Loader 来处理不同类型的文件。 3. **使用Loader**: - Loaders 被用来转换文件,使 Webpack 能够理解非 JavaScript ...

    无网、内网服务器 jenkins搭建 (2.328版本)全部插件 离线下载

    可以通过官方文档获取安装指南。 - 下载与你的Jenkins版本相匹配的插件压缩包,本例中为"plugins"。 - 解压缩这个文件到Jenkins的安装目录下的`plugins`文件夹。通常,这个路径会是`/var/lib/jenkins/plugins`或`C...

    Laravel开发-laravel-kraken .zip.zip

    1. **Laravel 文档**:官方文档是学习 Laravel 的最佳资源,涵盖了从入门到高级的全面教程。 2. **社区与资源**:Laracasts 提供丰富的视频教程,Stack Overflow 和 Laravel.io 社区可以解决开发中的疑问。 3. **...

    webpack中文文档

    - **错误排查**: 查阅Webpack官方文档或社区资源寻找解决方案。 - **优化策略**: 如代码拆分、缓存机制等提升构建速度。 #### 三、Webpack进阶 - **模块化标准**: - **CommonJS**: 节点环境的模块化标准。 - *...

    AS-Editor v1.0.zip

    - 这个文件通常包含了软件或项目的详细介绍,包括如何使用、功能特性、安装指南等关键信息。 - 在源码项目中,"说明.htm" 可能会提供API文档、开发环境配置步骤、编程语言和框架的使用说明等内容。 - 对于开发者...

    WX-CLI-源码.rar

    5. **文档**:可能包含 `README.md` 文件,提供了关于如何安装、使用和贡献该项目的说明。 6. **依赖库**:可能会有一个 `package.json` 文件,列出了项目依赖的npm模块,以及它们的版本信息。 通过研究这个源码,...

    https-environmentors123.github.io-https-github.com-Environmentors123-Mission-Disposable-

    5. **README.md**:通常包含项目介绍、安装指南和使用说明。 6. **LICENSE**:说明项目使用的许可协议,定义其他人可以如何使用和修改项目。 在实际的Web开发中,HTML与CSS和JavaScript紧密协作,形成所谓的"前端...

    react-starter-kit:成套工具ReactJS实用的分布式技术和实用的方法.. https:reactjs-starter.web.app

    介绍: Kit dedémarrageReactJS实用的分布式技术和重要的实践方法:功能性合格代码: 托多-奖品奖: 待办事项-优化与性能: 交互式构成文档: 指南的组织者和通用文档的互动性, 实用外观指南(地形学,古拉尔语,...

    itcast-dashboard-generate.zip

    12. 文档:README.md文件,通常提供项目介绍、安装指南和使用说明。 综上所述,"itcast-dashboard-generate.zip"可能是一个完整的项目结构,包含了从数据获取、处理到最终可视化的一系列步骤。为了深入理解这个项目...

    bpmn-js-develop.zip

    在解压后的文件中,我们可以预期看到`src`目录包含核心的JavaScript源代码,`test`目录包含单元测试,`example`目录可能包含如何在实际项目中使用bpmn-js的示例,`docs`目录可能包含API文档和用户指南。 **API接口*...

    node-v14.15.1-win-x64

    安装这个版本的 Node.js,用户可以通过运行 `node.exe` 来执行 JavaScript 代码,使用 `npm` 安装和管理各种依赖包。对于开发者而言,Node.js 具备强大的生态系统,拥有丰富的第三方库,如 Express(用于构建 web ...

    vue-demo-pl-table.zip

    9. **README.md**: 这是一个Markdown格式的文件,通常用来介绍项目的基本信息、安装指南、使用方法等,对于理解和使用项目非常有帮助。 10. **public** 和 **src** 目录:在Vue.js项目中,`public`目录下的文件会被...

    pluto-2.0.0-bundle.zip

    2. **文档**:一般会包含用户指南、API参考、开发者手册等,帮助用户快速上手并了解Pluto的工作原理和最佳实践。 3. **示例应用**:为了展示Pluto的功能和用法,可能会提供一些预构建的应用示例,用户可以通过这些...

    webpack 中文指南

    - **官方文档**:[Webpack官网](https://webpack.js.org/) - **中文指南**:[Webpack中文指南](https://zhcn.webpack.js.org/) - **社区资源**:GitHub、Stack Overflow等社区讨论。 ### 结语 Webpack作为一个强大...

Global site tag (gtag.js) - Google Analytics