zoukankan      html  css  js  c++  java
  • webpack的安装和运行

     

    webpack依赖于node,为了可以正靠运行,必须依赖node环境.node环境为了可以真正的执行很多代码,必须其中包含各种依赖的包npm工县(node packages manager)所以在进行webpack安装之前,首先要安装node运行环境。

    关于node的安装请参照博客的以下页面
    https://www.cnblogs.com/singledogpro/p/11722561.html [node.js安装和配置(windows系统)]
    https://www.cnblogs.com/singledogpro/p/11722672.html [node.js运行配置(vs code非控制台输出)]

    webpack的安装
    请确保安装了Node.js的最新版本。而且已经在您的项目根目录下已经初始化好了最基本的 package.json文件。

    在终端运行的命令都是全局运行,所以不建议全局安装webpack,使用全局会导致项目混乱,因为每个项目创建时的打包工具不一样。选择本地安装包管理,即将运行指令配置到package.json的script属性中。
    但是在没有配置webpack.config.js之前,如果想在终端使用【webpack】命令,就需要全局安装。一开始安装的webpack最好低于4.0版本

     

    没有全局安装webpack,且没有配置webpack.config.js
    没有全局安装webpack,且没有配置webpack.config.js

     

    关于webpack版本及打包的事情

    【webpack安装低于4版本(没有配置webpack.config.js)】
    https://www.cnblogs.com/singledogpro/p/12018896.html

    webpack安装大于4.x版本(没有配置webpack.config.js)
    https://www.cnblogs.com/singledogpro/p/12018900.html

    所以推荐的开发环境是webpack@3.6.0

    //低于4版本的安装指令
    npm i webpack@3.6.0 -D
    
    //高于4版本的安装指令
    npm i webpack -D
    npm i webpack-cli -D
    

    npm install packagename --save 或 -S
    --save、-S参数意思是把模块的版本信息保存到dependencies(生产环境依赖)中,即你的package.json文件的dependencies字段中;

    npm install packagename --save-dev 或 -D
    --save-dev 、 -D参数意思是吧模块版本信息保存到devDependencies(开发环境依赖)中,即你的package.json文件的devDependencies字段中;

  • 相关阅读:
    Shell编程—用户输入
    Shell编程—结构化命令
    Shell编程—基础脚本
    跳表
    分布式项目——电商秒杀
    Dubbo详解
    Kafka工作流程
    Kafka内部实现原理
    Zk实现分布式锁
    Leetcode::Pathsum & Pathsum II
  • 原文地址:https://www.cnblogs.com/singledogpro/p/12020924.html
Copyright © 2011-2022 走看看