zoukankan      html  css  js  c++  java
  • 一: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
  • 相关阅读:
    .net注册iis
    hdu 1081To The Max
    hdu 1312Red and Black
    hdu 1016Prime Ring Problem
    hdu 1159Common Subsequence
    hdu 1372Knight Moves
    hdu 1686Oulipo
    hdu 1241Oil Deposits
    hdu 1171Big Event in HDU
    hdu 4006The kth great number
  • 原文地址:https://www.cnblogs.com/minghui007/p/7268762.html
Copyright © 2011-2022 走看看