前端框架--Webpack学习安装

  • 原创
  • |
  • 浏览:7528
  • |
  • 更新:
  • |
  • 标签:编程语言 

webpack

工具/原料

  • 电脑
  • sublime

方法/步骤

  1. 1

    webpack 学习:

    一:安装:

    1.webpack 是基于nodes.js的,

                a.先安装node.js

                 下载node.js的程序。点击安装node.js

    前端框架--Webpack学习安装
  2. 1
    该信息非法爬取自百度经验
  3. 2

     b.安装完后.打开cmd的窗口;快捷键(window  + r 组合键)

    前端框架--Webpack学习安装
  4. 3

     c.根据项目所在路径盘安装webpack;如项目是在F盘,则安装方法如下:

                    1.指定在F盘安装:输入F: 回车  

    前端框架--Webpack学习安装
  5. 4

     2.全局安装:输入npm install webpack -g  回车  成功出现如下:

    前端框架--Webpack学习安装
  6. 5

      3.进入项目所在路径安装配置文件:package.json

                         如项目路径:找到路径 cd .....

    前端框架--Webpack学习安装
  7. 6

    则cmd输入:路径找到之后 输入  npm  init  回车 开始配置文件;

    前端框架--Webpack学习安装
  8. 7

    开始配置的文件过程如下:出现之后只要回车即可:

    前端框架--Webpack学习安装
    前端框架--Webpack学习安装
  9. 8

    配置成功之后可以查看到创建的文件:package.json

    前端框架--Webpack学习安装
  10. 9

     用编辑器打开如下:

    前端框架--Webpack学习安装
  11. 10

    4.安装webpack依赖:在cmd输入:npm  install webpack --save-dev  回车 成功如下:

    前端框架--Webpack学习安装
  12. 11

      到这一步表示webpack已经安装成功:

                    5.安装成功后文件夹出现的状况:

    前端框架--Webpack学习安装
  13. 12

    package.json文件更新为:较之前的多了个 :webpack的版本;

    前端框架--Webpack学习安装
    前端框架--Webpack学习安装
    END
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。
展开阅读全部
相关标签编程语言