• 一: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
  • 相关阅读:
    Tomcat单独部署,控制台乱码解决方法
    mysql授权访问数据库
    Arrays.binarySearch采坑记录及用法
    使用Spring Ehcache二级缓存优化查询性能
    Redis批量删除缓存数据
    Java并发包之Semaphore用法
    Java并发包之CountDownLatch用法
    如何用Xshell导出文件到桌面本地
    Semaphore信号量原理
    老应用链接替换到新链接
  • 原文地址:https://www.cnblogs.com/minghui007/p/7268762.html
Copyright © 2020-2023  润新知