码迷,mamicode.com
首页 > Web开发 > 详细

webpack的简单介绍

时间:2018-01-09 16:39:58      阅读:145      评论:0      收藏:0      [点我收藏+]

标签:自己   js代码   log   模块   exit   模块化   软件   scripts   目录   

webpack是什么:

       模块打包机,分析目录结构,找到js模块(包括浏览器不能直接识别的代码 typscript sass...),打包成合适
       的格式供浏览器访问
      模块打包 构建(项目)
打包的优势(webpack的优势)
    1 、模块化,拆分了业务复杂的js代码--》细小的文件
    2、 js拓展---》 基于原型面向对象---》基于class(typescript , es6)-->浏览器识别

 webpack与gulp的区别:

    1、webpack支持模块化,建有优化的流程。

    2、webpack具有缓存机制。

 webpack的安装

初始化项目:npm init---->会生成 package.json 这个文件。

在package.json这个文件中有下面的这个配置:

"scripts": { //自定义 执行命令 有些软件 命令太长
      "test": "echo \"Error: no test specified\" && exit 1"

},

安装webpack :npm install webpack --save-dev

打包 webpack的格式:webpack 要打包的文件名 打包后的文件名。

这里需要注意的是在命令行使用webpack这个命令,是需要在全局安装webpack的。但是官方建议的是在项目内安装webpack,如果你没用全局安装的话,你需要自己在配置文件中进行配置。

webpack的简单介绍

标签:自己   js代码   log   模块   exit   模块化   软件   scripts   目录   

原文地址:https://www.cnblogs.com/hsgg/p/8251446.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!