美文网首页
2-3 webpack的正确安装方式

2-3 webpack的正确安装方式

作者: love丁酥酥 | 来源:发表于2019-05-05 13:29 被阅读0次

    1. 简介

    搭建webpack环境

    2. 安装node

    webpack是基于node开发的环境打包工具。首先需要安装node环境。
    进入node官网,尽量安装最新版本的稳定版node。因为提高webpack打包速度有两个重要的点:

    1. 安装尽量高版本的node
    2. 安装尽量高版本的webpack
      高版本的webpack会引入高版本node的一些新的特性,来提升我们的打包速度。

    3.示例

    mkdir webpack-demo
    npm init  // 生成package.json
    // 可以在package.json加入一行"private": true 说明项目为私有,不会发布到npm库
    

    4. 安装webpack

    推荐在项目内部安装webpack。

    npm install webpack webpacl-cli -D // 会生成node_modules文件夹
    // 也可以指定版本安装
    npm install webpack@4.25.0 webpack-cli -D
    // 可以找历史版本
    npm info webpack
    

    非全局安装时,要运行webpack,需要加npx,来帮助我们在当前项目目录下的node_modules内的webpack。

    npx webpack -v
    

    使得我们在不同项目中使用不要同版本的webpack

    引申

    了解package.json中的每一项

    相关文章

      网友评论

          本文标题:2-3 webpack的正确安装方式

          本文链接:https://www.haomeiwen.com/subject/pricoqtx.html