• 一:WebPack的安装


    一、前提

    因为webpack是一个基于node的项目,所以首先需要确保你的电脑里面已经安装了node.js,以及npm。在这里我使用的版本是:node:v5.8.0 ,npm:3.7.3,若是版本问题,请更新到最新版。


    二、全局安装


    Webpack常规的安装是通过npm,如果 你对npm不是特别的熟悉请阅读:npm快速入门

    Webpack的有些命令需要电脑安装才能使用,所以需要通过npm命名进行Webpack的全局安装:

    $ npm install webpack -g

     

    安装之后执行

    webpack -v


    出现一下信息说明全局安装成功了:



    三、项目安装Webpack

     1 、创建本地项目

     在电脑磁盘创建一个webpackDemo文件夹
     
     2、 使用npm init命令初始化package.json文件 
      
     在webpackDemo文件夹根目录,使用一下命令 初始化package.json文件

    npm init

     



    以上命令 执行之后在webpackDemo根目录就会生成package.json文件,目录如下:



    3、本地项目安装webpack
      
       使用以下npm命令把webpack安装到项目里面

    $ npm install webpack --save-dev #将webpack增加到package.json文件中



    4、webpack相关插件安装

    这里我们只说webpack的本地服务器插件,以后的章节我们会讲解其它的相关的插件。

    Webpack有一个很实用的功能叫做热替换(Hot-replace),尤其是结合React Hot Loader插件,开发过程中都不需要刷新浏览器,任何前端代码的更改都会实时的在浏览器中表现出来。

    首先需要安装Webpack-dev-server,一个轻量的node.js express服务器。

    npm install webpack-dev-server --save-dev
  • 相关阅读:
    【CentOS 7】关于php留言本网站的搭建
    linux系统的初化始配置(临时生效和永久生效)
    时间同步ntp服务的安装与配置(作为客户端的配置)
    CentOS 7设置服务的开机启动
    辅助模型——通信图
    一.面向对象概论
    辅助模型——包图
    构建图
    部署图
    辅助模型——状态机图
  • 原文地址:https://www.cnblogs.com/minghui007/p/7268762.html
Copyright © 2020-2023  润新知