前端工程化
Mr_hermit
这个作者很懒,什么都没留下…
展开
-
npm 介绍 、常用指令
一、什么是 npm全称:Node Package Managernpm 是一个 随 node 一起安装的 node包管理 和 分发工具通过npm命令可以实现nodejs模块的安装与卸载npm 官网二、npm 使用场景(1)允许用户从npm服务器:下载 第三方包 到本地(2)允许用户从npm服务器:下载 并 安装 别人编写的 命令行程序 到本地(3)允许用户:将自...原创 2018-03-12 17:44:59 · 560 阅读 · 0 评论 -
webpack 相关 loader、插件详解,带你完成一个进阶 demo
一、CSS 相关配置1. 模块(必须配置):CSS打包 —> style-loader、 css-loader场景: 将CSS文件,通过 import 引入到JS中,webapck 运行会报错,为解决问题需安装并配置 css 方面的loader目的: 将CSS代码,打包到JS中,减少文件个数 减少HTTP请求style-loader: 处理css文件中的 url() 等,n...原创 2018-03-23 14:25:14 · 1408 阅读 · 0 评论 -
学习 webpack,并构建一个超简单的 demo
一、什么是 webpackwebpack 可以粗暴的理解为:模块打包机打包:将多个文件 打包成 一个文件,减少服务器压力和下载带宽转换:预编译语言优化:性能优化安装:全局安装 webpack: npm i webpack -g局部安装 webpack: npm i webpack --save-dev注意:全局安装是可以的,但是webpack官方是不推荐的。这会将...原创 2018-03-20 18:18:42 · 983 阅读 · 0 评论 -
webpack 实战总结
一、相关配置1. 调试配置:项目中调试场景: webpack 打包代码后,不利于代码调试;通过相关配置,webpack 打包项目后,可以生成 sourcemap文件、或者将 sourcemap 文件融入到项目代码中sourcemap 文件的作用: 独立的 sourcemap 文件是以 .map 为后缀的文件;便于 webpack 打包的代码,进行错误调试devtool 选项:...原创 2018-03-27 08:57:51 · 468 阅读 · 0 评论 -
Git 基础知识、常用指令、分支管理策略
一、 Git 简介1. Git 诞生Linus在1991年创建了开源的Linux,此后Linux系统不断发展,已经成为最大的服务器系统软件了很长一段时间内,Linux的代码管理:由世界各地的志愿者把源代码文件通过diff的方式发给Linus,然后由Linus本人通过手工方式合并代码(虽然一些商用的版本控制系统比 CVS、SVN 等好用,但Linux没有使用,这与Linux的开源精神...原创 2018-04-19 17:20:24 · 310 阅读 · 0 评论