![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端自动化构建工具
文章平均质量分 67
骑着毛驴的小猴子
哇哇哇
展开
-
webpack的使用(4) ---- 配置文件详解
一、webpack配置文件格式 固定的文件名为: webpack.config.js 放置到项目根目录下即可 内容结构如下: module.exports = { // configuration };二、单入口单输出简易打包配置 1、根目录下新建js文件夹,假设有两个文件a.j原创 2017-07-29 16:51:31 · 457 阅读 · 0 评论 -
webpack的使用(3) ----模块加载器以及webpack打包多个包
a.js alert('hello world');b.jsrequire(./css/cs.css)var str = require("./a.js")alert(str)cs.cssdiv{ color:blue;}index.html<body> <script src="bundle.js"> </script> <div原创 2017-07-29 16:35:55 · 991 阅读 · 0 评论 -
webpack的使用(5) ---- 热加载自动刷新
一、webpack-dev-server 一个轻量级的服务 功能:修改代码及时呈现到浏览器上。第一步:安装 npm install webpack-dev-server -g 第二步:写入到依赖 npm install webpack-dev-server --save-dev 第三步:修改webpack配置文件 module.e原创 2017-07-29 17:10:54 · 2114 阅读 · 0 评论 -
webpack的使用(1) ----简单快速入门
一:WebPack概念: webpack是一个前端打包构建工具,主要功能是可以把.js,.css,.vue,.jsx等文件打包压缩到一块及实现自动刷新提高开发效率。也可以分别打包压缩。 作用: 例如我们网站有index.css, common.css每次打开网页都会向服务器发出两次请求,如果打包到一块可以只请求一次即可减轻服务器负担。 二:webpack需要在n原创 2017-07-29 13:14:07 · 491 阅读 · 0 评论 -
webpack的使用(2) ---- package.json详解
一:package.json概述 每个项目的根目录下面,一般都有一个package.json文件,定义了这个项目所需要的各种模块,以及项目的配置信息(比如名称、版本等)。 npm install命令根据这个配置文件,自动下载所需的模块,也就是配置项目所需的运行和开发环境。 shit+右键菜单->可以快速打开命令行窗口在当前文件夹然后运行npm原创 2017-07-29 13:19:26 · 1235 阅读 · 0 评论