2018年03月_Mr_hermit

06月 05月 04月 03月 02月 01月

原创 webpack 实战总结

一、相关配置1. 调试配置：项目中调试场景： webpack 打包代码后，不利于代码调试；通过相关配置，webpack 打包项目后，可以生成 sourcemap文件、或者将 sourcemap 文件融入到项目代码中sourcemap 文件的作用：独立的 sourcemap 文件是以 .map 为后缀的文件；便于 webpack 打包的代码，进行错误调试devtool 选项：...

2018-03-27 08:57:51 468

原创 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 1409

原创学习 webpack，并构建一个超简单的 demo

一、什么是 webpackwebpack 可以粗暴的理解为：模块打包机打包：将多个文件打包成一个文件，减少服务器压力和下载带宽转换：预编译语言优化：性能优化安装：全局安装 webpack： npm i webpack -g局部安装 webpack： npm i webpack --save-dev注意：全局安装是可以的，但是webpack官方是不推荐的。这会将...

2018-03-20 18:18:42 984

原创 npm 介绍、常用指令

一、什么是 npm全称：Node Package Managernpm 是一个随 node 一起安装的 node包管理和分发工具通过npm命令可以实现nodejs模块的安装与卸载npm 官网二、npm 使用场景（1）允许用户从npm服务器：下载第三方包到本地（2）允许用户从npm服务器：下载并安装别人编写的命令行程序到本地（3）允许用户：将自...

2018-03-12 17:44:59 569

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

原创 webpack 实战总结

原创 webpack 相关 loader、插件详解，带你完成一个进阶 demo

原创 学习 webpack，并构建一个超简单的 demo

原创 npm 介绍 、常用指令

空空如也

空空如也

原创学习 webpack，并构建一个超简单的 demo

原创 npm 介绍、常用指令