先行者计划--1109微课总结 | 《通过二个demo初识webPack》

webpack,到底是什么呢?

Webpack将所有静态资源都认为是模块,

比如JavaScript,CSS,LESS,图片,...,从而可以对其进行统一管理。

为此Webpack引入了加载器的概念,除了纯JavaScript之外,

每一种资源都可以通过对应的加载器处理成模块。

WebPack可以看做是模块的打包机器:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript,jsx,vuex等),并将其转换和打包为合适的格式供浏览器使用。

比如LESS文件先通过less-load处理成css,然后再通过css-loader加载成css模块,

最后由style-loader加载器对其做最后的处理,

从而运行时可以通过style标签将其应用到最终的浏览器环境。

<!-- 安装 -->

它有二个必备的文件:

1,webpack.config.js;

每个项目的根目录,都要有webpack,它是一些设置,有固定的格式

2,package.json;它是记录当前项目的一些依赖关系

--当你拿到一个项目的时候,只要它有package.json,

那么你就可以安装它里面所记录的一些依赖文件。

<!-- -->

1、进入你的项目目录;

2、运行 npm install webpack -g //全局安装

3、npm init //初始化你的package.json

4、在你的项目目录中,运行:

npm install webpack -save-dev

原文发布于微信公众号 - web前端教室(webfeel)

原文发表时间:2017-11-09

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏小白鼠

Ionic3 Android调试

本文主要介绍将Ionic项目打包成安卓应用之后的调试过程,调试方式分两种:模拟器调试、真机调试。不过在此之前,必须要将ionic项目成功打包成Android应用...

2014
来自专栏JavaEdge

Maven环境隔离解决的问题配置及原理目录初始化编译打包命令验证

解决的问题 避免人工修改的弊端,即容易犯错 轻松分环境编译,打包,部署 配置及原理 在pom.xml中增加build节点 ? 在pom.xml中增加pro...

4086
来自专栏深度学习之tensorflow实战篇

mysql、mongodb、python(dataframe).聚合函数的形式,以及报错解决方案

1、mysql select * from table_name group by name,id 有的时候执行下面语句报错sql_mode=only_ful...

3014
来自专栏程序员的知识天地

Vue开发环境搭建全过程,一步一个坑

Vue这里就不多作介绍了,首先我们要安装好整个开发环境,其实Windows和Mac的整个过程基本一样

2601
来自专栏知晓程序

开发 | 拒绝打开就授权!小程序如何用新能力获取用户资料?

简单来说,这次能力更新,为 button 组件的 open-type 属性赋予了新的有效值 getUserInfo(声明需要获取用户信息)。

2463
来自专栏coding for love

在线商城项目07-mac下mongodb的下载与配置

这一章本来不想讲的,因为关于配环境这种事,其实网上真的很多资料,但是考虑到确实好多人都不喜欢配环境这种事,因为觉着很麻烦而止步不前,很是可惜。这一节我们来看看如...

872
来自专栏web开发实践

结合腾讯云开发微信小程序

目前,微信小程序越来越流行,而且功能越来越强大,在性能方面也越做越好。因为能够原生调用小程序提供的组件和 API ,小程序的开发快捷,使用方便,越来越多的产品...

8269
来自专栏自由而无用的灵魂的碎碎念

Vmware10如何打开vmware11建立的虚拟机

使用文本工具打开VMware 虚拟机配置文件(*.vmx文件),找到"virtualHW.version"一行,将值11修改为10保存即可。

982
来自专栏Google Dart

开始使用-初尝胜果 顶

本页介绍如何“测试驱动器”Flutter:从我们的模板创建一个新的Flutter应用程序,运行它,并学习如何使用Hot Reload进行更改。

873
来自专栏小古哥的博客园

WebStorm设置手机测试服务器-局域网内其他设备访问

前端开发中,经常需要将做好的页面给其他同事预览或手机测试,之前一直用的第三方本地服务器usbwebserver,偶然了解到WebStorm内置服务器也可以满足此...

4066

扫码关注云+社区

领取腾讯云代金券